a, select, textarea, input, button, html, body, div, ul, li { tap-highlight-color: transparent !important; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] { -webkit-appearance: none; } button, input, textarea, select { border: none; border-radius: 0; outline: none; } .fn { float: none !important; } .w100 { width: 100% !important; } .fbfbfb { background: #fbfbfb !important; } @font-face { font-family: "CENTURYGOTHIC-BOLD"; src: url("fonts/CENTURYGOTHIC-BOLD.woff2") format("woff2"), url("fonts/CENTURYGOTHIC-BOLD.woff") format("woff"), url("fonts/CENTURYGOTHIC-BOLD.ttf") format("truetype"), url("fonts/CENTURYGOTHIC-BOLD.eot") format("embedded-opentype"), url("fonts/CENTURYGOTHIC-BOLD.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "GOTHIC"; src: url("fonts/GOTHIC.woff2") format("woff2"), url("fonts/GOTHIC.woff") format("woff"), url("fonts/GOTHIC.ttf") format("truetype"), url("fonts/GOTHIC.eot") format("embedded-opentype"), url("fonts/GOTHIC.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "BRLNSR"; src: url("fonts/BRLNSR.woff2") format("woff2"), url("fonts/BRLNSR.woff") format("woff"), url("fonts/BRLNSR.ttf") format("truetype"), url("fonts/BRLNSR.eot") format("embedded-opentype"), url("fonts/BRLNSR.svg") format("svg"); font-weight: normal; font-style: normal; } @keyframes wave { 0% { width: 0%; } 100% { width: 218px; } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 0; } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes mk_bottom_to_top_scale { 0% { -webkit-transform: translate(0, 50px) scale(0.8); transform: translate(0, 50px) scale(0.8); opacity: 0; } 100% { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } } @keyframes moveSlideshow { 100% { -webkit-transform: translateX(-180%); } } @keyframes WavePart2 { 0% { transform: translate(0, 0); opacity: 1; } 50% { transform: translate(-5%, -5%); opacity: .8; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes balloon2 { 0%, 100% { transform: translate(0, 0) rotate(6deg); } 50% { transform: translate(30px, -2px) rotate(-8deg); } } @keyframes scroll_on2 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes scroll_on22 { 0% { left: 0; } 100% { left: 100%; } } @keyframes split_text { 0% { opacity: 0; -webkit-transform: scale(0.2) translateY(20px); transform: scale(0.2) translateY(20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @keyframes mk_spt { 0% { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } * { outline: none; } .swiper-slide { min-height: 0 !important; } body { width: 100%; overflow: hidden; height: auto; } .ellipsis, .main.news .container .news_box .news_detail .detail_bot .detail_l p, .main.case .wrap .container .case_box .case_list ul li a .cont .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ::-webkit-input-placeholder { color: #666 !important; } :-moz-placeholder { color: #666 !important; } ::-moz-placeholder { color: #666 !important; } :-ms-input-placeholder { color: #666 !important; } @media (min-width: 1024px) { .scaleDown, .main.welcome .container .index_products .index_products_cen .product_tit, .main.welcome .container .index_products .index_products_cen .list_box, .main.about .wrap .container .framework_box .framework_img .img { visibility: hidden; } .scaleDown.animate, .main.welcome .container .index_products .index_products_cen .animate.product_tit, .main.welcome .container .index_products .index_products_cen .animate.list_box, .main.about .wrap .container .framework_box .framework_img .animate.img { visibility: visible; animation: mk_bottom_to_top_scale 1s 1 cubic-bezier(0.77, 0, 0.175, 1) both; } } @media (min-width: 1024px) { .img_ani { visibility: hidden; } .img_ani.animate { animation: pa_imgwrap_img 1.2s 1 ease; visibility: visible; } } @media (min-width: 1024px) { .top, .main.welcome .container .index_about .about_l, .main.welcome .container .index_products .item_box ul li, .main.welcome .container .index_news .news_top, .main.welcome .container .index_join .index_join_cen, .main.about .wrap .container .framework_box .title, .main.about .wrap .container .classification_box, .main.about .wrap .container .honor_box, .main.about .wrap .container .culture_box .title, .main.about .wrap .container .culture_box .img_box, .main.about .wrap .container .culture_box .num_list ul li, .main.about .wrap .container .culture_box .company_box, .main.about .wrap .container .about_box .about_bot, .main.about .wrap .container .about_box .text_box, .main.about .wrap .container .about_box .about_top, .main.about .wrap .container .honor .title, .main.news .container .news_box .title, .main.news .container .news_box .news_list ul li, .main.news .container .news_box .news_detail, .main.case .wrap .container .case_box .classification_box, .main.case .wrap .container .case_box .title, .main.case .wrap .container .case_box .case_list ul li, .main.case .wrap .container .case_box .list_box ul li, .main.product .wrap .container .product_box .box .classification_box, .main.product .wrap .container .product_box .box .box_bot, .main.product .wrap .container .product_box .box .box_top, .main.join .wrap .container .join_box .classification_box, .main.join .wrap .container .join_box .join_list, .main.join .wrap .container .join_box .jm, .main.contact .wrap .container .contact_l .contact_top, .main.contact .wrap .container .contact_l #map { transform: translateY(40px); opacity: 0; } .top.animate, .main.welcome .container .index_about .animate.about_l, .main.welcome .container .index_products .item_box ul li.animate, .main.welcome .container .index_news .animate.news_top, .main.welcome .container .index_join .animate.index_join_cen, .main.about .wrap .container .framework_box .animate.title, .main.about .wrap .container .animate.classification_box, .main.about .wrap .container .animate.honor_box, .main.about .wrap .container .culture_box .animate.title, .main.about .wrap .container .culture_box .animate.img_box, .main.about .wrap .container .culture_box .num_list ul li.animate, .main.about .wrap .container .culture_box .animate.company_box, .main.about .wrap .container .about_box .animate.about_bot, .main.about .wrap .container .about_box .animate.text_box, .main.about .wrap .container .about_box .animate.about_top, .main.about .wrap .container .honor .animate.title, .main.news .container .news_box .animate.title, .main.news .container .news_box .news_list ul li.animate, .main.news .container .news_box .animate.news_detail, .main.case .wrap .container .case_box .animate.classification_box, .main.case .wrap .container .case_box .animate.title, .main.case .wrap .container .case_box .case_list ul li.animate, .main.case .wrap .container .case_box .list_box ul li.animate, .main.product .wrap .container .product_box .box .animate.classification_box, .main.product .wrap .container .product_box .box .animate.box_bot, .main.product .wrap .container .product_box .box .animate.box_top, .main.join .wrap .container .join_box .animate.classification_box, .main.join .wrap .container .join_box .animate.join_list, .main.join .wrap .container .join_box .animate.jm, .main.contact .wrap .container .contact_l .animate.contact_top, .main.contact .wrap .container .contact_l .animate#map { transform: translateY(0px); opacity: 1; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out; } } @media (min-width: 1024px) { .scaleY { transform: scale(0.5) rotateY(45deg); opacity: 0; transform-origin: center center; } .scaleY.animate { transform: scale(1) rotate(0deg); opacity: 1; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out; } } @media (min-width: 1024px) { .bottom { transform: translateY(-40px); opacity: 0; } .bottom.animate { transform: translateY(0px); opacity: 1; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } } @media (min-width: 1024px) { .left, .main.welcome .container .index_about .pic, .main.welcome .container .index_news .news_box .news_list, .main.about .wrap .container .culture_box .culture_top ul li, .main.contact .wrap .container .map_box { transform: translateX(40px); filter: alpha(opacity=0); opacity: 0; } .left.animate, .main.welcome .container .index_about .animate.pic, .main.welcome .container .index_news .news_box .animate.news_list, .main.about .wrap .container .culture_box .culture_top ul li.animate, .main.contact .wrap .container .animate.map_box { transform: translateX(0px); filter: alpha(opacity=100); opacity: 1; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } } .w1520 { max-width: 1520px; margin-left: auto; margin-right: auto; width: 79.8%; } @media (max-width: 1440px) { .w1520 { width: 89%; } } @media (max-width: 768px) { .w1520 { width: 100%; } } @media (min-width: 1024px) { .right, .main.welcome .container .index_news .news_box .news_l { transform: translateX(-40px); filter: alpha(opacity=0); opacity: 0; } .right.animate, .main.welcome .container .index_news .news_box .animate.news_l { transform: translateX(0px); filter: alpha(opacity=100); opacity: 1; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } } .abanner { overflow: hidden; position: relative; } @media (max-width: 1024px) { .abanner .img { transform: translate(0, 0) !important; } } .abanner .txt_box { padding-bottom: 7.5%; box-sizing: border-box; } @media (max-width: 768px) { .abanner .txt_box { padding: 0 3% 15% 3%; } } .abanner .txt_box.txt_box2 { padding: 8.5% 0; } @media (max-width: 768px) { .abanner .txt_box.txt_box2 { padding: 12% 3%; } } .abanner .txt_box.txt_box2 .tit { padding-top: 0; } .abanner .txt_box .tit { padding-top: 7.35%; } @media (max-width: 768px) { .abanner .txt_box .tit { padding-top: 15%; } } .abanner .txt_box .tit.join .column { color: #303030; font-weight: bold; } .abanner .txt_box .tit.join .ds { color: #303030; } .abanner .txt_box .tit.join .line { background: #8e8e8e; } .abanner .txt_box .tit.join .en { color: #000; } .abanner .txt_box .tit .column { font-size: 48px; line-height: 64px; color: #fff; } @media (max-width: 1200px) { .abanner .txt_box .tit .column { font-size: 40px; line-height: 56px; } } @media (max-width: 768px) { .abanner .txt_box .tit .column { font-size: 28px; line-height: 36px; } } .abanner .txt_box .tit .ds { margin-top: 4px; font-size: 30px; line-height: 42px; color: #fff; } @media (max-width: 1200px) { .abanner .txt_box .tit .ds { font-size: 26px; line-height: 36px; } } @media (max-width: 768px) { .abanner .txt_box .tit .ds { font-size: 18px; line-height: 30px; } } .abanner .txt_box .tit .line { width: 60px; height: 3px; background: #fff; margin-top: 17px; } @media (max-width: 1200px) { .abanner .txt_box .tit .line { width: 52px; margin-top: 10px; } } @media (max-width: 768px) { .abanner .txt_box .tit .line { width: 40px; } } .abanner .txt_box .tit .en { font-size: 48px; line-height: 50px; color: #fff; margin-top: 10px; filter: alpha(opacity=20); opacity: 0.2; font-family: "CENTURYGOTHIC-BOLD"; font-weight: bold; text-transform: uppercase; } @media (max-width: 1200px) { .abanner .txt_box .tit .en { font-size: 40px; line-height: 42px; } } @media (max-width: 768px) { .abanner .txt_box .tit .en { font-size: 24px; line-height: 28px; } } .abanner .txt_box .num_bot { margin-top: 6%; margin-left: -8px; } @media (max-width: 768px) { .abanner .txt_box .num_bot { margin-top: 30px; } } .abanner .txt_box .num_bot ul li { float: left; border-right: 1px solid rgba(255, 255, 255, 0.2); width: 300px; text-align: center; box-sizing: border-box; } @media (max-width: 1024px) { .abanner .txt_box .num_bot ul li { width: 250px; } } @media (max-width: 900px) { .abanner .txt_box .num_bot ul li { width: 180px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li { width: 33.33%; border: none; } } .abanner .txt_box .num_bot ul li:first-child { width: 260px; text-align: left; } @media (max-width: 1024px) { .abanner .txt_box .num_bot ul li:first-child { width: 220px; } } @media (max-width: 900px) { .abanner .txt_box .num_bot ul li:first-child { width: 180px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li:first-child { width: 33.33%; } } .abanner .txt_box .num_bot ul li:last-child { padding-left: 32px; border: none; } @media (max-width: 1024px) { .abanner .txt_box .num_bot ul li:last-child { padding-left: 20px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li:last-child { padding-left: 0; } } .abanner .txt_box .num_bot ul li .text_box { display: inline-block; text-align: center; width: 211px; } @media (max-width: 1200px) { .abanner .txt_box .num_bot ul li .text_box { width: 195px; } } @media (max-width: 900px) { .abanner .txt_box .num_bot ul li .text_box { width: 149px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li .text_box { width: 100%; } } .abanner .txt_box .num_bot ul li .text_box .cn_t { font-size: 20px; line-height: 22px; color: #fff; } @media (max-width: 1200px) { .abanner .txt_box .num_bot ul li .text_box .cn_t { font-size: 18px; line-height: 20px; } } @media (max-width: 768px) { .abanner .txt_box .num_bot ul li .text_box .cn_t { font-size: 16px; line-height: 18px; } } .abanner .txt_box .num_bot ul li .text_box .num { margin-top: 12px; } .abanner .txt_box .num_bot ul li .text_box .num span { display: inline-block; vertical-align: middle; } .abanner .txt_box .num_bot ul li .text_box .num span.roll { font-size: 100px; line-height: 110px; color: #fff; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1200px) { .abanner .txt_box .num_bot ul li .text_box .num span.roll { font-size: 90px; line-height: 90px; } } @media (max-width: 900px) { .abanner .txt_box .num_bot ul li .text_box .num span.roll { font-size: 70px; line-height: 70px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li .text_box .num span.roll { font-size: 50px; line-height: 50px; } } @media (max-width: 450px) { .abanner .txt_box .num_bot ul li .text_box .num span.roll { font-size: 40px; line-height: 40px; } } .abanner .txt_box .num_bot ul li .text_box .num span.ico { font-family: "GOTHIC"; font-size: 60px; line-height: 60px; color: #fff; font-weight: bold; } @media (max-width: 900px) { .abanner .txt_box .num_bot ul li .text_box .num span.ico { font-size: 40px; line-height: 40px; } } @media (max-width: 600px) { .abanner .txt_box .num_bot ul li .text_box .num span.ico { font-size: 30px; line-height: 30px; } } @media (max-width: 450px) { .abanner .txt_box .num_bot ul li .text_box .num span.ico { font-size: 20px; line-height: 20px; } } .abanner .txt_box .num_bot ul li .text_box .en_t { font-size: 18px; line-height: 20px; color: #fff; font-family: Arial; } @media (max-width: 1200px) { .abanner .txt_box .num_bot ul li .text_box .en_t { font-size: 16px; line-height: 18px; } } @media (max-width: 768px) { .abanner .txt_box .num_bot ul li .text_box .en_t { font-size: 14px; line-height: 22px; } } .header { width: 100%; height: 112px; background: #fff; position: fixed; left: 0; top: 0; z-index: 1000; border-bottom: 4px solid #407aba; box-sizing: border-box; } @media (max-width: 1024px) { .header { height: 60px; } } .header .header_cen .logo { display: block; line-height: 108px; float: left; } @media (max-width: 1024px) { .header .header_cen .logo { line-height: 56px; } .header .header_cen .logo img { height: 30px; } } @media (max-width: 768px) { .header .header_cen .logo { margin-left: 3%; } } .header .header_cen .push-line { overflow: hidden; width: 32px; height: 60px; cursor: pointer; float: right; position: relative; display: none; margin-right: 3%; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); } @media (max-width: 1024px) { .header .header_cen .push-line { display: block; } } .header .header_cen .push-line span { height: 2px; background: #407aba; display: block; position: absolute; width: 100%; display: block; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .header .header_cen .push-line span.line-2 { top: 28px; } .header .header_cen .push-line span.line-3 { top: 38px; } .header .header_cen .push-line.currentDd .line-1 { transform: rotate(225deg); top: 30px; } .header .header_cen .push-line.currentDd .line-2 { opacity: 0; left: -100%; } .header .header_cen .push-line.currentDd .line-3 { top: 30px; transform: rotate(-225deg); } .header .header_cen .nav { float: right; display: block; height: 100%; } @media (max-width: 1024px) { .header .header_cen .nav { display: none; } } .header .header_cen .nav ul { height: 100%; } .header .header_cen .nav ul li { height: 100%; float: left; border-left: 1px solid #ecf1f8; border-right: 1px solid #ecf1f8; margin-left: -1px; transition: border-color 0.5s,background 0.5s; position: relative; } @media (max-width: 1300px) { .header .header_cen .nav ul li { border: none; } } .header .header_cen .nav ul li.active > a { color: #407aba; } @media (min-width: 1024px) { .header .header_cen .nav ul li:hover > a { background: #407aba; color: #fff; } } .header .header_cen .nav ul li > a { padding: 0 54px; font-size: 18px; line-height: 108px; color: #454545; min-width: 52px; padding-bottom: 4px; height: 100%; display: block; text-align: center; transition: color 0.5s,background 0.5s; position: relative; } .header .header_cen .nav ul li > a::after { content: ''; position: absolute; bottom: 0; left: -1px; right: -2px; height: 4px; background: #407aba; } .header .header_cen .nav ul li > a .ico { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid #407aba; box-sizing: border-box; position: absolute; left: 50%; margin-left: -7px; bottom: -6px; z-index: 10; display: block; } .header .header_cen .nav ul li > a .ico::after { content: ''; position: absolute; display: block; background: #407aba; width: 4px; height: 4px; border-radius: 50%; left: 50%; margin-left: -2px; top: 50%; margin-top: -2px; transition: 0.3s ease; } @media (max-width: 1800px) { .header .header_cen .nav ul li > a { padding: 0 45px; padding-bottom: 4px; } } @media (max-width: 1650px) { .header .header_cen .nav ul li > a { padding: 0 35px; padding-bottom: 4px; } } @media (max-width: 1500px) { .header .header_cen .nav ul li > a { padding: 0 30px; padding-bottom: 4px; } } @media (max-width: 1300px) { .header .header_cen .nav ul li > a { padding: 0 20px; padding-bottom: 4px; } } @media (max-width: 1100px) { .header .header_cen .nav ul li > a { padding: 0 13px; padding-bottom: 4px; } } .header .header_cen .nav ul li .slider { position: absolute; left: 0; top: 112px; width: 100%; background: #f8f8f8; display: none; } .header .header_cen .nav ul li .slider a { border: none; display: block; border-bottom: 1px solid #dadada; font-size: 16px; line-height: 30px; padding: 10px 0; text-align: center; color: #666; transition: color 0.5s,background 0.5s; } @media (min-width: 1024px) { .header .header_cen .nav ul li .slider a:hover { background: #407aba; color: #fff; } } @media (max-width: 1200px) { .header .header_cen .nav ul li .slider a { font-size: 14px; line-height: 24px; } } .header .header_cen .nav ul li .slider a::last-child { border: none; } .header .header_cen .search { float: right; width: 48px; height: 48px; display: block; border-radius: 50%; background: #009944; position: relative; display: block; margin-top: 32px; margin-left: 50px; } @media (max-width: 1200px) { .header .header_cen .search { margin-left: 25px; } } @media (max-width: 1024px) { .header .header_cen .search { width: 30px; height: 30px; margin-top: 13px; margin-left: 0; margin-right: 15px; } } .header .header_cen .search img { position: absolute; left: 0; top: 0; margin: auto; bottom: 0; right: 0; max-width: 50%; max-height: 50%; } .main { padding-top: 112px; } @media (max-width: 1024px) { .main { padding-top: 60px; } } .main.welcome .banner { width: 100%; height: 780px; position: relative; background: #f5f5f5; } @media (max-width: 1510px) { .main.welcome .banner { height: 700px; } } @media (max-width: 1200px) { .main.welcome .banner { height: 600px; } } @media (max-width: 1024px) { .main.welcome .banner { display: none; } } .main.welcome .banner ul { height: 100%; } .main.welcome .banner ul li { position: absolute; width: 100%; height: 100%; overflow: hidden; left: 100%; background-size: cover !important; } .main.welcome .banner ul li video { position: absolute; width: 100%; left: 50%; } .main.welcome .banner ul li.video { background-repeat: repeat !important; } .main.welcome .banner .btns { position: absolute; bottom: 76px; left: 10.1%; z-index: 10; } .main.welcome .banner .btns span { display: inline-block; width: 50px; height: 2px; margin-right: 10px; background-color: #363636; position: relative; cursor: pointer; } .main.welcome .banner .btns span i { display: block; height: 100%; position: absolute; width: 0; background-color: #fff; } .main.welcome .i-m-ban { display: none; } @media (max-width: 1024px) { .main.welcome .i-m-ban { display: block; } } .main.welcome .i-m-ban .swiper-container .swiper-wrapper .swiper-slide { overflow: hidden; } .main.welcome .i-m-ban .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } @media (max-width: 750px) { .main.welcome .i-m-ban .swiper-container .swiper-wrapper .swiper-slide img { width: 130%; margin-left: -15%; } } @media (max-width: 500px) { .main.welcome .i-m-ban .swiper-container .swiper-wrapper .swiper-slide img { width: 150%; margin-left: -25%; } } .main.welcome .i-m-ban .swiper-container .swiper-pagination { padding-left: 5.5%; box-sizing: border-box; text-align: left; line-height: 0; bottom: 20px; } @media (max-width: 768px) { .main.welcome .i-m-ban .swiper-container .swiper-pagination { padding-left: 3%; } } .main.welcome .i-m-ban .swiper-container .swiper-pagination span { width: 30px; height: 2px; background-color: #363636; position: relative; } .main.welcome .i-m-ban .swiper-container .swiper-pagination span.swiper-pagination-bullet-active::after { width: 100%; transition: 4s; } .main.welcome .i-m-ban .swiper-container .swiper-pagination span::after { content: ''; position: absolute; left: 0; top: 0; display: block; height: 100%; width: 0%; background: #fff; } .main.welcome .container { background: #f5f5f5; } .main.welcome .container .index_about { background: #fff; padding-bottom: 130px; } @media (max-width: 1200px) { .main.welcome .container .index_about { padding-bottom: 100px; } } @media (max-width: 1024px) { .main.welcome .container .index_about { padding-bottom: 70px; } } @media (max-width: 600px) { .main.welcome .container .index_about { padding-bottom: 50px; } } .main.welcome .container .index_about .about_l { float: left; width: 55.53%; padding: 7% 5.9% 0 5.9%; box-sizing: border-box; } @media (max-width: 1100px) { .main.welcome .container .index_about .about_l { padding: 7% 4.9% 0 4.9%; } } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l { padding-top: 5%; } } @media (max-width: 850px) { .main.welcome .container .index_about .about_l { width: 100%; float: none; padding: 30px 3% 0 3%; } } .main.welcome .container .index_about .about_l .title .en { font-family: "CENTURYGOTHIC-BOLD"; font-size: 72px; line-height: 66px; color: #333333; text-transform: uppercase; } .main.welcome .container .index_about .about_l .title .en span { color: #009944; } @media (max-width: 1300px) { .main.welcome .container .index_about .about_l .title .en { font-size: 66px; line-height: 60px; } } @media (max-width: 1200px) { .main.welcome .container .index_about .about_l .title .en { font-size: 58px; line-height: 56px; } } @media (max-width: 980px) { .main.welcome .container .index_about .about_l .title .en { font-size: 50px; line-height: 46px; } } @media (max-width: 768px) { .main.welcome .container .index_about .about_l .title .en { font-size: 40px; line-height: 36px; } } @media (max-width: 600px) { .main.welcome .container .index_about .about_l .title .en { font-size: 30px; line-height: 26px; } } .main.welcome .container .index_about .about_l .title .cn { font-size: 30px; line-height: 44px; color: #454545; } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l .title .cn { font-size: 24px; line-height: 36px; } } @media (max-width: 768px) { .main.welcome .container .index_about .about_l .title .cn { font-size: 20px; line-height: 30px; } } .main.welcome .container .index_about .about_l .cont { position: relative; padding-left: 125px; margin-top: 84px; } @media (max-width: 1500px) { .main.welcome .container .index_about .about_l .cont { margin-top: 50px; } } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l .cont { padding-left: 0; margin-top: 30px; } } @media (max-width: 850px) { .main.welcome .container .index_about .about_l .cont { margin-top: 15px; } } .main.welcome .container .index_about .about_l .cont .line { width: 94px; height: 2px; position: absolute; left: 0; top: 7px; background: #009944; } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l .cont .line { display: none; } } .main.welcome .container .index_about .about_l .cont .text_box { font-size: 16px; line-height: 28px; color: #666; } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l .cont .text_box { font-size: 14px; line-height: 24px; } } .main.welcome .container .index_about .about_l .more { display: block; border-radius: 27px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); text-align: center; overflow: hidden; width: 180px; margin-top: 60px; position: relative; font-size: 14px; line-height: 54px; color: #333; } @media (max-width: 1200px) { .main.welcome .container .index_about .about_l .more { margin-top: 40px; } } @media (max-width: 1024px) { .main.welcome .container .index_about .about_l .more { margin-top: 20px; width: 140px; height: 40px; font-size: 14px; line-height: 40px; } } @media (max-width: 600px) { .main.welcome .container .index_about .about_l .more { width: 110px; height: 34px; font-size: 14px; line-height: 34px; } } @media (min-width: 1024px) { .main.welcome .container .index_about .about_l .more:hover::after { transform: scaleX(1); transform-origin: left center; } .main.welcome .container .index_about .about_l .more:hover span { color: #fff; background: url(../img/bg2.png) no-repeat left center; } } .main.welcome .container .index_about .about_l .more::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #407aba; transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); transform-origin: right center; transform: scaleX(0); } .main.welcome .container .index_about .about_l .more span { position: relative; z-index: 10; display: inline-block; vertical-align: middle; padding-left: 23px; background: url(../img/bg.png) no-repeat left center; transition: color 0.5s, background 0.5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .main.welcome .container .index_about .pic { float: right; width: 44.47%; overflow: hidden; position: relative; } @media (max-width: 850px) { .main.welcome .container .index_about .pic { float: none; width: 50%; margin-top: 30px; margin-left: 3%; margin-right: 3%; } } @media (max-width: 500px) { .main.welcome .container .index_about .pic { width: 94%; } } @media (min-width: 1024px) { .main.welcome .container .index_about .pic:hover > img { transform: scale(1.05); } } .main.welcome .container .index_about .pic img { transition: all 0.5s ease; width: 100%; height: auto; } .main.welcome .container .index_about .pic .play_box { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; cursor: pointer; transform: translateY(-50%); } .main.welcome .container .index_about .pic .play_box .play img { width: auto; } .main.welcome .container .index_about .pic .play_box .txt { font-size: 26px; line-height: 36px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-top: 5px; } @media (max-width: 768px) { .main.welcome .container .index_about .pic .play_box .txt { font-size: 20px; line-height: 30px; } } .main.welcome .container .index_products { background: #ecf2f8; } .main.welcome .container .index_products .index_products_cen { position: relative; padding: 95px 3.9% 0 3.9%; } @media (max-width: 1024px) { .main.welcome .container .index_products .index_products_cen { padding: 75px 3.9% 0 3.9%; } } @media (max-width: 850px) { .main.welcome .container .index_products .index_products_cen { padding: 75px 3% 0 3%; } } @media (max-width: 600px) { .main.welcome .container .index_products .index_products_cen { padding: 55px 3% 0 3%; } } .main.welcome .container .index_products .index_products_cen .product_tit { width: 320px; height: 110px; background: rgba(68, 125, 187, 0.98); position: absolute; left: 3.9%; top: -72px; padding: 0 35px; box-sizing: border-box; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .product_tit { width: 280px; height: 90px; padding: 0 20px; top: -60px; } } @media (max-width: 1024px) { .main.welcome .container .index_products .index_products_cen .product_tit { top: -40px; } } @media (max-width: 850px) { .main.welcome .container .index_products .index_products_cen .product_tit { left: 3%; } } @media (max-width: 600px) { .main.welcome .container .index_products .index_products_cen .product_tit { padding: 0 10px; width: 200px; height: 70px; top: -30px; } } .main.welcome .container .index_products .index_products_cen .product_tit .ctit { font-size: 30px; line-height: 42px; color: #fff; padding-top: 20px; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .product_tit .ctit { font-size: 26px; line-height: 36px; padding-top: 15px; } } @media (max-width: 600px) { .main.welcome .container .index_products .index_products_cen .product_tit .ctit { font-size: 20px; line-height: 30px; padding-top: 10px; } } .main.welcome .container .index_products .index_products_cen .product_tit .e_tit { font-family: "CENTURYGOTHIC-BOLD"; font-size: 18px; line-height: 24px; color: #fff; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .product_tit .e_tit { font-size: 16px; line-height: 20px; } } @media (max-width: 600px) { .main.welcome .container .index_products .index_products_cen .product_tit .e_tit { font-size: 13px; line-height: 18px; } } .main.welcome .container .index_products .index_products_cen .list_box { position: relative; } .main.welcome .container .index_products .index_products_cen .list_box.delay2 { animation-delay: 0.2s; } .main.welcome .container .index_products .index_products_cen .list_box .btn_l { width: 40px; height: 40px; border-radius: 50%; left: 0%; top: 50%; margin-top: -20px; position: absolute; cursor: pointer; background: url(../img/btn_l.png) no-repeat center center #009944; } @media (max-width: 768px) { .main.welcome .container .index_products .index_products_cen .list_box .btn_l { width: 30px; height: 30px; margin-top: -15px; background-size: 23% auto; } } @media (max-width: 500px) { .main.welcome .container .index_products .index_products_cen .list_box .btn_l { width: 26px; height: 26px; margin-top: -13px; left: -5px; } } .main.welcome .container .index_products .index_products_cen .list_box .btn_r { width: 40px; height: 40px; border-radius: 50%; right: 0%; top: 50%; margin-top: -20px; position: absolute; cursor: pointer; background: url(../img/btn_r.png) no-repeat center center #009944; } @media (max-width: 768px) { .main.welcome .container .index_products .index_products_cen .list_box .btn_r { width: 30px; height: 30px; margin-top: -15px; background-size: 23% auto; } } @media (max-width: 500px) { .main.welcome .container .index_products .index_products_cen .list_box .btn_r { width: 26px; height: 26px; margin-top: -13px; right: -5px; } } .main.welcome .container .index_products .index_products_cen .list_box .list { width: 84.2%; margin-left: auto; margin-right: auto; position: relative; height: 160px; overflow: hidden; padding-left: 6.7%; box-sizing: border-box; } .main.welcome .container .index_products .index_products_cen .list_box .list ul { height: 100%; } .main.welcome .container .index_products .index_products_cen .list_box .list ul li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-right: 220px; box-sizing: border-box; padding-left: 6.8%; filter: alpha(opacity=0); opacity: 0; transition: opacity 0.5s ease; } .main.welcome .container .index_products .index_products_cen .list_box .list ul li.active { filter: alpha(opacity=100); opacity: 1; z-index: 10; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li { padding-left: 0; padding-right: 155px; } } @media (max-width: 1024px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li { padding-right: 0; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .tit .en { font-family: "CENTURYGOTHIC-BOLD"; font-size: 24px; line-height: 20px; color: #333; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .tit .en { font-size: 20px; line-height: 18px; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .tit .cn { font-size: 24px; line-height: 30px; color: #333; margin-top: 5px; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .tit .cn { font-size: 20px; line-height: 26px; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box { padding-left: 128px; position: relative; margin-top: 18px; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box { padding-left: 110px; } } @media (max-width: 768px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box { padding-left: 0; margin-top: 10px; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .line { width: 90px; height: 2px; background: #009944; position: absolute; left: 0; top: 8px; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .line { width: 80px; } } @media (max-width: 768px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .line { display: none; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .text { font-size: 16px; line-height: 26px; color: #666; height: 78px; overflow: hidden; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .text { font-size: 14px; line-height: 24px; height: 72px; } } @media (max-width: 768px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .list_l .text_box .text { height: 96px; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic { width: 152px; height: 152px; border-radius: 50%; box-sizing: border-box; background-color: #fff; position: absolute; right: 0; top: 0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); padding: 5px; } @media (max-width: 1200px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic { width: 140px; height: 140px; } } @media (max-width: 1024px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic { display: none; } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic .img { overflow: hidden; border-radius: 50%; } @media (min-width: 1024px) { .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic .img:hover img { transform: scale(1.05); } } .main.welcome .container .index_products .index_products_cen .list_box .list ul li .pic .img img { transition: all 0.5s ease; width: 100%; border-radius: 50%; } .main.welcome .container .index_products .item_box { margin-top: 30px; overflow: hidden; padding-top: 90px; } @media (max-width: 1200px) { .main.welcome .container .index_products .item_box { margin-top: 0; } } @media (max-width: 1024px) { .main.welcome .container .index_products .item_box { padding-top: 50px; } } @media (max-width: 768px) { .main.welcome .container .index_products .item_box { padding-top: 30px; } } .main.welcome .container .index_products .item_box ul li { float: left; position: relative; } .main.welcome .container .index_products .item_box ul li.active { z-index: 10; transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .main.welcome .container .index_products .item_box ul li.active .pic { transform: scale(1.18); box-shadow: 0 0 16px rgba(0, 0, 0, 0.31); transform-origin: bottom center; } .main.welcome .container .index_products .item_box ul li.active .pic .mask { filter: alpha(opacity=0); opacity: 0; } .main.welcome .container .index_products .item_box ul li.active .txt { filter: alpha(opacity=0); opacity: 0; } @media (max-width: 1024px) { .main.welcome .container .index_products .item_box ul li.active { box-shadow: none; } .main.welcome .container .index_products .item_box ul li.active .pic { transform: scale(1); } .main.welcome .container .index_products .item_box ul li.active .txt { filter: alpha(opacity=100); opacity: 1; transform: translateY(0); } } .main.welcome .container .index_products .item_box ul li a { display: block; position: relative; } .main.welcome .container .index_products .item_box ul li a .pic { overflow: hidden; position: relative; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .main.welcome .container .index_products .item_box ul li a .pic .mask { position: absolute; left: 0; top: 0; width: 100%; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; transform-origin: top center; background: rgba(0, 0, 0, 0.4); } .main.welcome .container .index_products .item_box ul li a .pic img { width: 100%; height: auto; display: block; } .main.welcome .container .index_products .item_box ul li a .txt { position: absolute; left: 0; top: 50%; height: 34px; margin-top: -17px; font-size: 24px; line-height: 34px; color: #fff; z-index: 10; width: 100%; text-align: center; padding: 0 10px; box-sizing: border-box; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 1200px) { .main.welcome .container .index_products .item_box ul li a .txt { font-size: 20px; line-height: 30px; height: 30px; margin-top: -15px; } } @media (max-width: 800px) { .main.welcome .container .index_products .item_box ul li a .txt { font-size: 18px; line-height: 24px; height: 24px; margin-top: -12px; } } .main.welcome .container .index_products .item_box ul li a .txt span { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 28px; margin-right: 8px; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1200px) { .main.welcome .container .index_products .item_box ul li a .txt span { font-size: 24px; line-height: 26px; } } @media (max-width: 800px) { .main.welcome .container .index_products .item_box ul li a .txt span { font-size: 20px; line-height: 24px; margin-right: 3px; } } .main.welcome .container .index_products .swiper_box { position: relative; display: none; } .main.welcome .container .index_products .swiper_box .swiper_top { padding: 0 3.9%; position: relative; } @media (max-width: 768px) { .main.welcome .container .index_products .swiper_box .swiper_top { padding: 0 3%; } } .main.welcome .container .index_products .swiper_box .swiper_top .prev { width: 36px; height: 36px; border-radius: 50%; top: 50%; margin-top: -18px; position: absolute; left: 3.9%; cursor: pointer; background: url(../img/btn_l.png) no-repeat center center #009944; } .main.welcome .container .index_products .swiper_box .swiper_top .next { width: 36px; height: 36px; border-radius: 50%; right: 3.9%; top: 50%; margin-top: -18px; position: absolute; cursor: pointer; background: url(../img/btn_r.png) no-repeat center center #009944; } .main.welcome .container .index_products .swiper_box .swiper_top .box { padding: 0 50px; } .main.welcome .container .index_products .swiper_box .swiper_top .box ul li { display: none; } .main.welcome .container .index_products .swiper_box .swiper_top .box ul li.active { display: block; } .main.welcome .container .index_products .swiper_box .swiper_top .box ul li .tit .en { font-family: "CENTURYGOTHIC-BOLD"; font-size: 20px; line-height: 18px; color: #333; } .main.welcome .container .index_products .swiper_box .swiper_top .box ul li .tit .cn { font-size: 20px; line-height: 26px; color: #333; margin-top: 5px; } .main.welcome .container .index_products .swiper_box .swiper_top .box ul li .text_box { position: relative; margin-top: 18px; font-size: 14px; line-height: 24px; height: 72px; color: #666; overflow: hidden; } .main.welcome .container .index_products .swiper_box .swiper-container { margin-top: 20px; } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide.on a .pic .mask { filter: alpha(opacity=0); opacity: 0; } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a { display: block; position: relative; } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a .pic { overflow: hidden; position: relative; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a .pic .mask { position: absolute; left: 0; top: 0; width: 100%; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; transform-origin: top center; background: rgba(0, 0, 0, 0.4); } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a .pic img { width: 100%; height: auto; display: block; } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a .txt { position: absolute; left: 0; top: 50%; font-size: 20px; line-height: 30px; height: 30px; margin-top: -15px; color: #fff; z-index: 10; width: 100%; text-align: center; padding: 0 10px; box-sizing: border-box; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .main.welcome .container .index_products .swiper_box .swiper-container .swiper-wrapper .swiper-slide a .txt span { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 26px; margin-right: 8px; font-family: "CENTURYGOTHIC-BOLD"; } .main.welcome .container .index_news { background: #fff; padding: 0 3.9%; } @media (max-width: 768px) { .main.welcome .container .index_news { padding: 0 3%; } } .main.welcome .container .index_news .news_top { padding-top: 70px; } @media (max-width: 768px) { .main.welcome .container .index_news .news_top { padding-top: 40px; } } @media (max-width: 600px) { .main.welcome .container .index_news .news_top { padding-top: 25px; } } .main.welcome .container .index_news .news_top .news_tit { float: left; } .main.welcome .container .index_news .news_top .news_tit .en { font-size: 30px; line-height: 26px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_top .news_tit .en { font-size: 26px; line-height: 22px; } } @media (max-width: 768px) { .main.welcome .container .index_news .news_top .news_tit .en { font-size: 22px; line-height: 20px; } } .main.welcome .container .index_news .news_top .news_tit .cn { font-size: 24px; line-height: 32px; color: #454545; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_top .news_tit .cn { font-size: 20px; line-height: 28px; } } .main.welcome .container .index_news .news_top .more { display: block; border-radius: 27px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); text-align: center; overflow: hidden; float: right; width: 180px; margin-top: 14px; position: relative; font-size: 14px; line-height: 54px; color: #333; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_top .more { width: 140px; height: 40px; font-size: 14px; line-height: 40px; } } @media (max-width: 600px) { .main.welcome .container .index_news .news_top .more { width: 110px; height: 34px; font-size: 14px; line-height: 34px; } } @media (min-width: 1024px) { .main.welcome .container .index_news .news_top .more:hover::after { transform: scaleX(1); transform-origin: left center; } .main.welcome .container .index_news .news_top .more:hover span { color: #fff; background: url(../img/bg2.png) no-repeat left center; } } .main.welcome .container .index_news .news_top .more::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #407aba; transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); transform-origin: right center; transform: scaleX(0); } .main.welcome .container .index_news .news_top .more span { position: relative; z-index: 10; display: inline-block; vertical-align: middle; padding-left: 23px; background: url(../img/bg.png) no-repeat left center; transition: color 0.5s, background 0.5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .main.welcome .container .index_news .news_box { margin-top: 55px; padding-bottom: 90px; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_box { margin-top: 45px; padding-bottom: 70px; } } @media (max-width: 600px) { .main.welcome .container .index_news .news_box { margin-top: 20px; padding-bottom: 30px; } } .main.welcome .container .index_news .news_box .news_list { width: 36.85%; float: right; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_box .news_list { width: 100%; float: none; } } .main.welcome .container .index_news .news_box .news_list ul li { margin-bottom: 35px; } .main.welcome .container .index_news .news_box .news_list ul li:last-child { margin-bottom: 0 !important; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_box .news_list ul li { margin-bottom: 0 !important; margin-top: 15px; } } .main.welcome .container .index_news .news_box .news_list ul li a { display: block; } @media (min-width: 1024px) { .main.welcome .container .index_news .news_box .news_list ul li a:hover .cont .txt { color: #447dbb; } } .main.welcome .container .index_news .news_box .news_list ul li a .date { font-size: 14px; line-height: 16px; color: #999; } @media (max-width: 1100px) { .main.welcome .container .index_news .news_box .news_list ul li a .date { font-size: 12px; line-height: 14px; } } .main.welcome .container .index_news .news_box .news_list ul li a .cont { position: relative; padding-right: 85px; margin-top: 7px; } @media (max-width: 1100px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont { padding-right: 70px; } } .main.welcome .container .index_news .news_box .news_list ul li a .cont .txt { font-size: 18px; line-height: 26px; color: #333; height: 52px; transition: color 0.5s; overflow: hidden; } @media (max-width: 1300px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont .txt { font-size: 16px; line-height: 24px; } } @media (max-width: 1100px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont .txt { font-size: 14px; line-height: 20px; height: 40px; } } @media (max-width: 1024px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont .txt { font-size: 16px; line-height: 24px; height: 48px; } } .main.welcome .container .index_news .news_box .news_list ul li a .cont .ico { width: 34px; height: 34px; border-radius: 50%; background: url(../img/btn_r.png) no-repeat center center #407aba; position: absolute; right: 0; top: 3px; } @media (max-width: 1300px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont .ico { width: 30px; height: 30px; } } @media (max-width: 500px) { .main.welcome .container .index_news .news_box .news_list ul li a .cont .ico { width: 26px; height: 26px; background-size: 24% auto; } } .main.welcome .container .index_news .news_box .news_l { float: left; width: 57.1%; position: relative; padding-top: 60px; } @media (max-width: 1024px) { .main.welcome .container .index_news .news_box .news_l { width: 100%; float: none; padding-top: 40px; } } @media (max-width: 500px) { .main.welcome .container .index_news .news_box .news_l { padding-top: 25px; } } .main.welcome .container .index_news .news_box .news_l::after { content: ''; display: block; position: absolute; height: 100%; width: 94.5%; right: 0; top: 0; background: #407aba; } .main.welcome .container .index_news .news_box .news_l a { position: relative; z-index: 10; display: block; } @media (min-width: 1024px) { .main.welcome .container .index_news .news_box .news_l a:hover .pic img { transform: scale(1.05); } .main.welcome .container .index_news .news_box .news_l a:hover .cont .read .line { width: 30px; } } .main.welcome .container .index_news .news_box .news_l a .pic { float: left; width: 57.5%; overflow: hidden; margin-top: 8px; } .main.welcome .container .index_news .news_box .news_l a .pic img { width: 100%; transition: all 0.5s ease; display: block; } .main.welcome .container .index_news .news_box .news_l a .cont { width: 42.5%; float: left; padding: 0 4.25%; box-sizing: border-box; } .main.welcome .container .index_news .news_box .news_l a .cont .t { font-size: 24px; line-height: 36px; color: #fff; font-weight: bold; height: 72px; overflow: hidden; } @media (max-width: 1700px) { .main.welcome .container .index_news .news_box .news_l a .cont .t { line-height: 30px; height: 60px; } } @media (max-width: 1550px) { .main.welcome .container .index_news .news_box .news_l a .cont .t { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.welcome .container .index_news .news_box .news_l a .cont .t { font-size: 16px; line-height: 24px; height: 48px; } } .main.welcome .container .index_news .news_box .news_l a .cont .con { margin-top: 20px; font-size: 14px; line-height: 24px; color: #fff; height: 144px; overflow: hidden; } @media (max-width: 1450px) { .main.welcome .container .index_news .news_box .news_l a .cont .con { height: 120px; } } @media (max-width: 1200px) { .main.welcome .container .index_news .news_box .news_l a .cont .con { height: 96px; margin-top: 10px; } } @media (max-width: 600px) { .main.welcome .container .index_news .news_box .news_l a .cont .con { height: 72px; } } @media (max-width: 450px) { .main.welcome .container .index_news .news_box .news_l a .cont .con { font-size: 13px; line-height: 20px; height: 40px; margin-top: 6px; } } .main.welcome .container .index_news .news_box .news_l a .cont .read { margin-top: 48px; font-size: 0; } @media (max-width: 1700px) { .main.welcome .container .index_news .news_box .news_l a .cont .read { margin-top: 30px; } } @media (max-width: 1550px) { .main.welcome .container .index_news .news_box .news_l a .cont .read { margin-top: 16px; } } .main.welcome .container .index_news .news_box .news_l a .cont .read span { font-size: 16px; line-height: 16px; color: #fff; font-family: "BRLNSR"; text-transform: uppercase; display: inline-block; vertical-align: middle; } @media (max-width: 450px) { .main.welcome .container .index_news .news_box .news_l a .cont .read span { font-size: 14px; line-height: 14px; } } .main.welcome .container .index_news .news_box .news_l a .cont .read .line { margin-left: 8px; width: 22px; height: 2px; background: #fff; display: inline-block; vertical-align: middle; transition: width 0.5s ease; } .main.welcome .container .index_join { padding: 0 3.9%; } @media (max-width: 768px) { .main.welcome .container .index_join { padding: 0 3%; } } .main.welcome .container .index_join .index_join_cen { padding-top: 92px; padding-bottom: 117px; } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen { padding: 70px 0; } } @media (max-width: 600px) { .main.welcome .container .index_join .index_join_cen { padding: 30px 0; } } .main.welcome .container .index_join .index_join_cen .jl { width: 50%; float: left; padding-right: 40px; box-sizing: border-box; border-right: 1px solid #589993; text-align: right; } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jl { width: 100%; float: none; padding-right: 0; border: none; text-align: center; } } .main.welcome .container .index_join .index_join_cen .jl .title .en { font-size: 48px; line-height: 30px; color: #fff; text-transform: uppercase; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1200px) { .main.welcome .container .index_join .index_join_cen .jl .title .en { font-size: 40px; } } @media (max-width: 768px) { .main.welcome .container .index_join .index_join_cen .jl .title .en { font-size: 30px; line-height: 30px; } } .main.welcome .container .index_join .index_join_cen .jl .title .cn { font-size: 30px; line-height: 36px; color: #fff; margin-top: 25px; } @media (max-width: 1200px) { .main.welcome .container .index_join .index_join_cen .jl .title .cn { font-size: 24px; line-height: 36px; margin-top: 15px; } } @media (max-width: 768px) { .main.welcome .container .index_join .index_join_cen .jl .title .cn { font-size: 20px; line-height: 30px; margin-top: 5px; } } .main.welcome .container .index_join .index_join_cen .jl .ds { font-size: 18px; line-height: 20px; color: #fff; margin-top: 18px; } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jl .ds { font-size: 16px; line-height: 24px; margin-top: 10px; } } .main.welcome .container .index_join .index_join_cen .jr { width: 50%; float: left; padding-left: 32px; box-sizing: border-box; text-align: left; padding-right: 10%; } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jr { width: 100%; float: none; padding: 0; text-align: center; margin-top: 15px; } } .main.welcome .container .index_join .index_join_cen .jr .con { font-size: 16px; line-height: 22px; color: #fff; height: 66px; } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jr .con { height: auto; font-size: 14px; line-height: 24px; } } .main.welcome .container .index_join .index_join_cen .jr .more { display: block; width: 174px; height: 48px; border: 3px solid #fff; font-size: 16px; line-height: 42px; color: #fff; text-align: center; border-radius: 48px; box-sizing: border-box; margin-top: 16px; transition: color 0.3s,background 0.3s; } @media (min-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jr .more:hover { background: #fff; color: #407aba; } } @media (max-width: 1200px) { .main.welcome .container .index_join .index_join_cen .jr .more { margin-top: 8px; } } @media (max-width: 1024px) { .main.welcome .container .index_join .index_join_cen .jr .more { margin-left: auto; margin-right: auto; margin-top: 20px; } } @media (max-width: 600px) { .main.welcome .container .index_join .index_join_cen .jr .more { width: 120px; font-size: 14px; line-height: 36px; height: 42px; } } .main .nav_top { overflow: hidden; border-bottom: 1px solid #f5f5f5; } .main .nav_top ul { text-align: center; font-size: 0; margin: 0 auto; } @media (max-width: 550px) { .main .nav_top ul.join li { padding: 0 20px; } } .main .nav_top ul li { padding: 0 40px; font-size: 18px; line-height: 88px; color: #454545; display: inline-block; vertical-align: top; position: relative; text-align: center; } @media (min-width: 1024px) { .main .nav_top ul li:hover a::after { transform: scaleX(1); transform-origin: left center; } } .main .nav_top ul li.active a::after { transform: scaleX(1); transform-origin: left center; } @media (max-width: 1024px) { .main .nav_top ul li { padding: 0 40px; font-size: 16px; line-height: 60px; } } @media (max-width: 700px) { .main .nav_top ul li { padding: 0 30px; } } @media (max-width: 550px) { .main .nav_top ul li { padding: 0 10px; font-size: 15px; line-height: 44px; } } .main .nav_top ul li:last-child::after { display: none; } .main .nav_top ul li::after { content: ''; position: absolute; width: 1px; height: 14px; background: #d8d8d8; right: 0; top: 50%; margin-top: -7px; } @media (max-width: 550px) { .main .nav_top ul li::after { display: none; } } .main .nav_top ul li a { display: block; color: #454545; position: relative; } .main .nav_top ul li a::after { content: ''; position: absolute; left: -10px; height: 3px; background: #407aba; right: -10px; bottom: -1px; transform: scaleX(0); transform-origin: right center; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 550px) { .main .nav_top ul li a::after { left: -5px; right: -5px; } } .main.about .wrap { background: #f5f5f5; } .main.about .wrap .container { background: #fff; } .main.about .wrap .container .framework_box { padding: 0 3.9%; padding-bottom: 110px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box { padding-bottom: 70px; } } @media (max-width: 768px) { .main.about .wrap .container .framework_box { padding: 0 3%; } } @media (max-width: 600px) { .main.about .wrap .container .framework_box { padding-bottom: 30px; } } .main.about .wrap .container .framework_box .title { padding-top: 100px; text-align: center; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box .title { padding-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .framework_box .title { padding-top: 25px; } } .main.about .wrap .container .framework_box .title .en { font-size: 30px; line-height: 36px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box .title .en { font-size: 24px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .framework_box .title .en { font-size: 20px; line-height: 30px; } } .main.about .wrap .container .framework_box .title .cn { font-size: 24px; line-height: 36px; color: #454545; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box .title .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .framework_box .title .cn { font-size: 18px; line-height: 24px; } } .main.about .wrap .container .framework_box .framework_img { margin-top: 40px; text-align: center; } @media (max-width: 768px) { .main.about .wrap .container .framework_box .framework_img { margin-top: 20px; } } .main.about .wrap .container .framework_box .framework_img .img { max-width: 100%; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box .framework_img .img { display: none; } } .main.about .wrap .container .framework_box .framework_img .demo-gallery { display: none; } @media (max-width: 1024px) { .main.about .wrap .container .framework_box .framework_img .demo-gallery { display: block; } } .main.about .wrap .container .framework_box .framework_img .demo-gallery a { display: block; } .main.about .wrap .container .framework_box .framework_img .demo-gallery a img { max-width: 100%; } .main.about .wrap .container .honor_m { margin-top: 45px; display: none; position: relative; } @media (max-width: 1024px) { .main.about .wrap .container .honor_m { display: block; } } @media (max-width: 600px) { .main.about .wrap .container .honor_m { margin-top: 25px; } } .main.about .wrap .container .honor_m .swiper_box { width: 88%; margin-left: auto; margin-right: auto; padding: 0 50px; box-sizing: border-box; position: relative; } @media (max-width: 600px) { .main.about .wrap .container .honor_m .swiper_box { width: 92%; padding: 0 35px; } } .main.about .wrap .container .honor_m .btn { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; text-indent: 100px; cursor: pointer; display: block; position: absolute; margin-top: 0; } @media (max-width: 600px) { .main.about .wrap .container .honor_m .btn { width: 30px; height: 30px; background-size: 23% auto !important; } } .main.about .wrap .container .honor_m .btn.swiper-button-prev { left: 0; background: url(../img/btn_l.png) no-repeat center center #009944; } .main.about .wrap .container .honor_m .btn.swiper-button-next { right: 0; background: url(../img/btn_r.png) no-repeat center center #009944; } .main.about .wrap .container .honor_m .swiper-container .swiper-wrapper .swiper-slide .img { overflow: hidden; position: relative; } .main.about .wrap .container .honor_m .swiper-container .swiper-wrapper .swiper-slide .img img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto; } .main.about .wrap .container .honor_m .swiper-container .swiper-wrapper .swiper-slide .txt { font-size: 16px; line-height: 30px; color: #454545; } @media (max-width: 600px) { .main.about .wrap .container .honor_m .swiper-container .swiper-wrapper .swiper-slide .txt { font-size: 14px; line-height: 24px; } } .main.about .wrap .container .classification_box { margin-top: 50px; } @media (max-width: 1024px) { .main.about .wrap .container .classification_box { margin-top: 40px; } } @media (max-width: 600px) { .main.about .wrap .container .classification_box { margin-top: 15px; } } .main.about .wrap .container .classification_box ul { text-align: center; font-size: 0; } .main.about .wrap .container .classification_box ul li { display: inline-block; vertical-align: middle; width: 250px; height: 54px; background: #f5f5f5; border-radius: 27px; font-size: 20px; line-height: 54px; cursor: pointer; color: #454545; text-align: center; margin: 0 16px; position: relative; transform: background 0.5s,color 0.5s; } .main.about .wrap .container .classification_box ul li a { color: #454545; } .main.about .wrap .container .classification_box ul li.active { background: #407aba; color: #fff; } .main.about .wrap .container .classification_box ul li.active::after { filter: alpha(opacity=100); opacity: 1; } .main.about .wrap .container .classification_box ul li.active a { color: #fff; } @media (max-width: 1200px) { .main.about .wrap .container .classification_box ul li { font-size: 18px; line-height: 50px; height: 50px; width: 200px; margin: 0 10px; } } @media (max-width: 1100px) { .main.about .wrap .container .classification_box ul li { font-size: 16px; line-height: 44px; height: 44px; width: 180px; margin: 0 5px; } } @media (max-width: 1024px) { .main.about .wrap .container .classification_box ul li { margin: 10px; } } @media (max-width: 650px) { .main.about .wrap .container .classification_box ul li { width: 150px; } } @media (max-width: 500px) { .main.about .wrap .container .classification_box ul li { min-width: 130px; font-size: 14px; line-height: 36px; height: 36px; margin: 5px; padding: 0 10px; width: auto; } } @media (min-width: 1024px) { .main.about .wrap .container .classification_box ul li:hover { background: #407aba; color: #fff; } .main.about .wrap .container .classification_box ul li:hover::after { filter: alpha(opacity=100); opacity: 1; } .main.about .wrap .container .classification_box ul li:hover a { color: #fff; } } .main.about .wrap .container .classification_box ul li::after { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #407aba; left: 50%; margin-left: -7px; transform: opacity 0.5s; bottom: -6px; filter: alpha(opacity=0); opacity: 0; } .main.about .wrap .container .honor_box { margin-top: 45px; width: 82.89%; margin-left: auto; margin-right: auto; position: relative; } @media (max-width: 1300px) { .main.about .wrap .container .honor_box { width: 88%; } } @media (max-width: 1024px) { .main.about .wrap .container .honor_box { display: none; } } .main.about .wrap .container .honor_box .honor_main { position: relative; } .main.about .wrap .container .honor_box .honor_main .btn { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; text-indent: 100px; cursor: pointer; display: block; position: absolute; top: 50%; margin-top: -20px; } .main.about .wrap .container .honor_box .honor_main .btn.prev { left: 0; background: url(../img/btn_l.png) no-repeat center center #009944; } .main.about .wrap .container .honor_box .honor_main .btn.next { right: 0; background: url(../img/btn_r.png) no-repeat center center #009944; } .main.about .wrap .container .honor_box .honor_main #slider { background-color: #fff; box-shadow: 0 0 18px rgba(0, 0, 0, 0.11); width: 800px; height: 500px; margin-left: auto; margin-right: auto; overflow: hidden; } @media (max-width: 1200px) { .main.about .wrap .container .honor_box .honor_main #slider { width: 700px; height: 400px; } } .main.about .wrap .container .honor_box .honor_main #slider .slides { height: 100%; } .main.about .wrap .container .honor_box .honor_main #slider .slides li { height: 100%; float: left; position: relative; } .main.about .wrap .container .honor_box .honor_main #slider .slides li img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; } .main.about .wrap .container .honor_box .txt { font-size: 20px; line-height: 40px; color: #414141; text-align: center; margin: 38px auto; width: 800px; } .main.about .wrap .container .honor_box #carousel { width: 800px; margin-left: auto; overflow: hidden; margin-right: auto; background: #e8e8e8; padding: 1px; } @media (max-width: 1200px) { .main.about .wrap .container .honor_box #carousel { width: 700px; } } .main.about .wrap .container .honor_box #carousel .slides li { position: relative; height: 125px; overflow: hidden; float: left; cursor: pointer; } .main.about .wrap .container .honor_box #carousel .slides li:last-child .img { margin-right: 0; } .main.about .wrap .container .honor_box #carousel .slides li.active::after { filter: alpha(opacity=100); opacity: 1; } .main.about .wrap .container .honor_box #carousel .slides li .img { margin-right: 1px; height: 100%; position: relative; background: #fff; box-sizing: border-box; box-sizing: border-box; } .main.about .wrap .container .honor_box #carousel .slides li::after { content: ''; display: block; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 3px solid #009944; filter: alpha(opacity=0); opacity: 0; box-sizing: border-box; } .main.about .wrap .container .honor_box #carousel .slides li img { width: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } .main.about .wrap .container .culture_box { padding-bottom: 90px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box { padding-bottom: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box { padding-bottom: 30px; } } .main.about .wrap .container .culture_box .title { padding-top: 80px; text-align: center; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .title { padding-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .title { padding-top: 25px; } } .main.about .wrap .container .culture_box .title .en { font-size: 30px; line-height: 36px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .title .en { font-size: 24px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .title .en { font-size: 20px; line-height: 30px; } } .main.about .wrap .container .culture_box .title .cn { font-size: 24px; line-height: 36px; color: #454545; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .title .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .title .cn { font-size: 18px; line-height: 24px; } } .main.about .wrap .container .culture_box .culture_top { margin-top: 85px; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .culture_top { margin-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .culture_top { margin-top: 30px; } } .main.about .wrap .container .culture_box .culture_top ul li { width: 25%; float: left; border: 1px solid #eeeeee; box-sizing: border-box; border-left: none; padding-bottom: 18.4%; overflow: hidden; position: relative; height: 0px; border-bottom: none; } .main.about .wrap .container .culture_box .culture_top ul li:last-child { border-right: none; } @media (max-width: 800px) { .main.about .wrap .container .culture_box .culture_top ul li { width: 50%; padding-bottom: 24%; margin-bottom: -1px; } .main.about .wrap .container .culture_box .culture_top ul li:nth-child(even) { border-right: none; } } @media (max-width: 450px) { .main.about .wrap .container .culture_box .culture_top ul li { padding-bottom: 30%; } } @media (min-width: 1024px) { .main.about .wrap .container .culture_box .culture_top ul li:hover .bg { filter: alpha(opacity=100); opacity: 1; } .main.about .wrap .container .culture_box .culture_top ul li:hover .cont .img img { filter: alpha(opacity=0); opacity: 0; } .main.about .wrap .container .culture_box .culture_top ul li:hover .cont .img img.active { filter: alpha(opacity=100); opacity: 1; } .main.about .wrap .container .culture_box .culture_top ul li:hover .cont .t, .main.about .wrap .container .culture_box .culture_top ul li:hover .cont .e { color: #fff; } } .main.about .wrap .container .culture_box .culture_top ul li .bg { position: absolute; left: -1px; top: -1px; bottom: -2px; right: -1px; filter: alpha(opacity=0); opacity: 0; transition: opacity 0.5s ease; background-size: cover !important; } .main.about .wrap .container .culture_box .culture_top ul li .cont { text-align: center; padding-top: 20%; position: relative; } @media (max-width: 1320px) { .main.about .wrap .container .culture_box .culture_top ul li .cont { padding-top: 16%; } } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .culture_top ul li .cont { padding-top: 12%; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .culture_top ul li .cont { padding-top: 8%; } } .main.about .wrap .container .culture_box .culture_top ul li .cont .img { width: 62px; height: 62px; margin-left: auto; margin-right: auto; position: relative; } @media (max-width: 1320px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .img { width: 50px; height: 50px; } } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .img { width: 40px; height: 40px; } } @media (max-width: 400px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .img { width: 30px; height: 30px; } } .main.about .wrap .container .culture_box .culture_top ul li .cont .img img { position: absolute; left: 0; top: 0; max-width: 100%; max-height: 100%; right: 0; bottom: 0; margin: auto; transition: opacity 0.5s ease; } .main.about .wrap .container .culture_box .culture_top ul li .cont .img img.active { filter: alpha(opacity=0); opacity: 0; } .main.about .wrap .container .culture_box .culture_top ul li .cont .t { margin-top: 12px; font-size: 24px; line-height: 28px; transition: color 0.5s ease; color: #454545; } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .t { font-size: 20px; line-height: 24px; } } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .t { margin-top: 8px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .t { font-size: 18px; line-height: 20px; margin-top: 5px; } } .main.about .wrap .container .culture_box .culture_top ul li .cont .e { font-size: 18px; line-height: 20px; color: #ccc; font-family: Arial; margin-top: 3px; transition: color 0.5s ease; } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .e { font-size: 16px; line-height: 18px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .culture_top ul li .cont .e { font-size: 13px; line-height: 16px; } } .main.about .wrap .container .culture_box .img_box { position: relative; overflow: hidden; } .main.about .wrap .container .culture_box .img_box img { width: 100%; height: auto; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .img_box img { width: 130%; margin-left: -15%; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .img_box img { width: 150%; margin-left: -25%; } } .main.about .wrap .container .culture_box .img_box .txt_box { position: absolute; left: 0; top: 0; width: 50%; height: 100%; padding-left: 8%; padding-right: 5.5%; background: rgba(0, 0, 0, 0.3); box-sizing: border-box; } @media (max-width: 1300px) { .main.about .wrap .container .culture_box .img_box .txt_box { padding-left: 6%; } } @media (max-width: 769px) { .main.about .wrap .container .culture_box .img_box .txt_box { padding: 0 3%; } } @media (max-width: 450px) { .main.about .wrap .container .culture_box .img_box .txt_box { width: 70%; } } .main.about .wrap .container .culture_box .img_box .txt_box .tab { width: 100%; height: 100%; display: table; } .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell { display: table-cell; vertical-align: middle; } .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .t { font-size: 36px; line-height: 46px; color: #fff; } @media (max-width: 1200px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .t { font-size: 30px; line-height: 40px; } } @media (max-width: 768px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .t { font-size: 24px; line-height: 30px; } } @media (max-width: 450px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .t { font-size: 20px; line-height: 26px; } } .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .en_t { font-size: 30px; line-height: 36px; color: #fff; font-weight: bold; font-family: Arial; } @media (max-width: 1200px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .en_t { font-size: 26px; line-height: 30px; } } @media (max-width: 768px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .en_t { font-size: 20px; line-height: 24px; } } @media (max-width: 450px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .en_t { font-size: 16px; line-height: 20px; } } .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .e { font-size: 18px; line-height: 22px; color: #fff; font-family: Arial; font-weight: bold; } @media (max-width: 768px) { .main.about .wrap .container .culture_box .img_box .txt_box .tab .tab_cell .e { font-size: 14px; line-height: 18px; } } .main.about .wrap .container .culture_box .num_list { border-bottom: 1px solid #ededed; } .main.about .wrap .container .culture_box .num_list ul li { width: 33.33%; float: left; padding-bottom: 21.97%; height: 0; overflow: hidden; background: #fbfbfb; position: relative; } .main.about .wrap .container .culture_box .num_list ul li:nth-child(even) { background: #fff; } @media (max-width: 600px) { .main.about .wrap .container .culture_box .num_list ul li { width: 100%; float: none; height: auto; padding-bottom: 0; } } .main.about .wrap .container .culture_box .num_list ul li .content { position: absolute; width: 100%; left: 0; top: 45%; margin-top: -82px; padding: 0 14%; box-sizing: border-box; height: 164px; } @media (max-width: 1300px) { .main.about .wrap .container .culture_box .num_list ul li .content { height: 150px; margin-top: -75px; top: 50%; padding: 0 10%; } } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .num_list ul li .content { height: 130px; margin-top: -65px; } } @media (max-width: 850px) { .main.about .wrap .container .culture_box .num_list ul li .content { height: 90px; margin-top: -45px; } } @media (max-width: 600px) { .main.about .wrap .container .culture_box .num_list ul li .content { position: static; height: auto; padding: 30px 3%; margin-top: 0; } } .main.about .wrap .container .culture_box .num_list ul li .content .num_box { text-align: center; } .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num { display: inline-block; position: relative; } .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num img { height: 76px; padding-right: 65px; } @media (max-width: 1300px) { .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num img { height: 66px; } } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num img { height: 55px; } } @media (max-width: 850px) { .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num img { height: 40px; } } .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num .en { position: absolute; bottom: 0; font-size: 14px; line-height: 20px; color: #333; font-family: Arial; right: 10px; text-transform: uppercase; } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num .en { font-size: 13px; line-height: 18px; } } @media (max-width: 850px) { .main.about .wrap .container .culture_box .num_list ul li .content .num_box .num .en { right: 0; font-size: 12px; line-height: 16px; } } .main.about .wrap .container .culture_box .num_list ul li .content .txt { margin-top: 60px; font-size: 18px; line-height: 28px; color: #333; text-align: center; } @media (max-width: 1300px) { .main.about .wrap .container .culture_box .num_list ul li .content .txt { margin-top: 40px; font-size: 16px; line-height: 24px; } } @media (max-width: 1100px) { .main.about .wrap .container .culture_box .num_list ul li .content .txt { margin-top: 30px; } } @media (max-width: 850px) { .main.about .wrap .container .culture_box .num_list ul li .content .txt { margin-top: 15px; font-size: 14px; line-height: 24px; } } .main.about .wrap .container .culture_box .company_box { padding: 0 3.9%; } @media (max-width: 768px) { .main.about .wrap .container .culture_box .company_box { padding: 0 3%; } } .main.about .wrap .container .culture_box .company_box .pics { padding-bottom: 20px; text-align: center; } @media (max-width: 1024px) { .main.about .wrap .container .culture_box .company_box .pics { padding-bottom: 0; } } .main.about .wrap .container .culture_box .company_box .pics img { max-width: 100%; height: auto !important; } .main.about .wrap .container .culture_box .company_box .pics .img { display: none; } .main.about .wrap .container .culture_box .company_box .pics .img.show { display: block; } .main.about .wrap .container .culture_box .company_box .company_list { padding: 65px 0; } @media (max-width: 900px) { .main.about .wrap .container .culture_box .company_box .company_list { padding: 45px 0; } } @media (max-width: 650px) { .main.about .wrap .container .culture_box .company_box .company_list { padding: 25px 0; } } .main.about .wrap .container .culture_box .company_box .company_list ul { text-align: center; font-size: 0; } .main.about .wrap .container .culture_box .company_box .company_list ul li { display: inline-block; vertical-align: middle; width: 250px; height: 54px; background: #f5f5f5; border-radius: 27px; font-size: 20px; line-height: 54px; cursor: pointer; color: #454545; text-align: center; margin: 0 25px; position: relative; transform: background 0.5s,color 0.5s; } .main.about .wrap .container .culture_box .company_box .company_list ul li.active { background: #407aba; color: #fff; } .main.about .wrap .container .culture_box .company_box .company_list ul li.active::after { filter: alpha(opacity=100); opacity: 1; } @media (max-width: 1200px) { .main.about .wrap .container .culture_box .company_box .company_list ul li { font-size: 18px; line-height: 50px; height: 50px; width: 200px; margin: 0 20px; } } @media (max-width: 900px) { .main.about .wrap .container .culture_box .company_box .company_list ul li { font-size: 16px; line-height: 44px; height: 44px; width: 180px; margin: 0 5px; } } @media (max-width: 650px) { .main.about .wrap .container .culture_box .company_box .company_list ul li { width: 140px; } } @media (max-width: 500px) { .main.about .wrap .container .culture_box .company_box .company_list ul li { width: 110px; font-size: 14px; line-height: 36px; height: 36px; } } @media (max-width: 400px) { .main.about .wrap .container .culture_box .company_box .company_list ul li { width: 90px; margin: 5px; } } @media (min-width: 1024px) { .main.about .wrap .container .culture_box .company_box .company_list ul li:hover { background: #407aba; color: #fff; } .main.about .wrap .container .culture_box .company_box .company_list ul li:hover::after { filter: alpha(opacity=100); opacity: 1; } } .main.about .wrap .container .culture_box .company_box .company_list ul li::after { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #407aba; left: 50%; margin-left: -7px; transform: opacity 0.5s; bottom: -5px; filter: alpha(opacity=0); opacity: 0; } .main.about .wrap .container .about_box { padding: 0 3.9%; padding-bottom: 90px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.about .wrap .container .about_box { padding: 0 0 70px 0; } } @media (max-width: 768px) { .main.about .wrap .container .about_box { padding: 0 3% 70px 3%; } } @media (max-width: 600px) { .main.about .wrap .container .about_box { padding: 0 3% 30px 3%; } } .main.about .wrap .container .about_box .about_bot { margin-top: 1%; } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_bot { margin-top: 10px; } } .main.about .wrap .container .about_box .about_bot .bot_l { float: left; width: 32.14%; overflow: hidden; } @media (min-width: 1024px) { .main.about .wrap .container .about_box .about_bot .bot_l:hover img { transform: scale(1.05); } } .main.about .wrap .container .about_box .about_bot .bot_l img { width: 100%; height: auto; transition: all 0.5s ease; } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_bot .bot_l { width: 100%; float: none; } } .main.about .wrap .container .about_box .about_bot .bot_r { width: 66.42%; float: right; position: relative; } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_bot .bot_r { width: 100%; margin-top: 10px; float: none; } } .main.about .wrap .container .about_box .about_bot .bot_r .cont { position: absolute; right: 0; top: 0; height: 100%; width: 50.54%; background: #407aba; font-size: 18px; line-height: 30px; color: #fff; padding: 6.5% 4.2% 0 4.2%; box-sizing: border-box; } .main.about .wrap .container .about_box .about_bot .bot_r .cont p { padding-bottom: 35px; } @media (max-width: 1350px) { .main.about .wrap .container .about_box .about_bot .bot_r .cont { padding-top: 5%; } .main.about .wrap .container .about_box .about_bot .bot_r .cont p { padding-bottom: 30px; } } @media (max-width: 1300px) { .main.about .wrap .container .about_box .about_bot .bot_r .cont { font-size: 16px; line-height: 24px; padding: 4.5% 4.2% 0 4.2%; } .main.about .wrap .container .about_box .about_bot .bot_r .cont p { padding-bottom: 20px; } } @media (max-width: 1100px) { .main.about .wrap .container .about_box .about_bot .bot_r .cont { font-size: 14px; line-height: 20px; } .main.about .wrap .container .about_box .about_bot .bot_r .cont p { padding-bottom: 15px; } } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_bot .bot_r .cont { line-height: 24px; position: static; width: 100%; padding: 4%; } } .main.about .wrap .container .about_box .about_bot .bot_r .pic { width: 49.46%; overflow: hidden; } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_bot .bot_r .pic { width: 100%; } } @media (min-width: 1024px) { .main.about .wrap .container .about_box .about_bot .bot_r .pic:hover img { transform: scale(1.05); } } .main.about .wrap .container .about_box .about_bot .bot_r .pic img { width: 100%; height: auto; transition: all 0.5s ease; } .main.about .wrap .container .about_box .text_box { position: relative; margin-top: 100px; } @media (max-width: 1024px) { .main.about .wrap .container .about_box .text_box { margin-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .about_box .text_box { margin-top: 20px; } } .main.about .wrap .container .about_box .text_box .img { width: 50%; float: right; overflow: hidden; } @media (min-width: 1024px) { .main.about .wrap .container .about_box .text_box .img:hover img { transform: scale(1.05); } } .main.about .wrap .container .about_box .text_box .img img { width: 100%; height: auto; transition: all 0.5s ease; } @media (max-width: 950px) { .main.about .wrap .container .about_box .text_box .img { width: 100%; float: none; } } .main.about .wrap .container .about_box .text_box .text_l { position: absolute; width: 49%; height: 100%; left: 0; top: 0; background: #f5f5f5; box-sizing: border-box; font-size: 18px; line-height: 30px; color: #454545; padding: 5% 2.7% 0 4.2%; } .main.about .wrap .container .about_box .text_box .text_l p { padding-bottom: 35px; } @media (max-width: 1300px) { .main.about .wrap .container .about_box .text_box .text_l { font-size: 16px; line-height: 24px; } .main.about .wrap .container .about_box .text_box .text_l p { padding-bottom: 20px; } } @media (max-width: 1100px) { .main.about .wrap .container .about_box .text_box .text_l { font-size: 14px; line-height: 20px; } .main.about .wrap .container .about_box .text_box .text_l p { padding-bottom: 15px; } } @media (max-width: 950px) { .main.about .wrap .container .about_box .text_box .text_l { line-height: 24px; position: static; width: 100%; padding: 4%; } } .main.about .wrap .container .about_box .about_top { padding-top: 100px; } @media (max-width: 1024px) { .main.about .wrap .container .about_box .about_top { padding-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .about_box .about_top { padding-top: 20px; } } .main.about .wrap .container .about_box .about_top .about_r { width: 50%; float: right; padding-right: 3.5%; box-sizing: border-box; font-size: 18px; line-height: 30px; color: #666; } @media (max-width: 1300px) { .main.about .wrap .container .about_box .about_top .about_r { font-size: 16px; line-height: 24px; } } @media (max-width: 1100px) { .main.about .wrap .container .about_box .about_top .about_r { font-size: 14px; line-height: 20px; } } @media (max-width: 1024px) { .main.about .wrap .container .about_box .about_top .about_r { line-height: 24px; width: 100%; float: none; padding-right: 0; margin-top: 20px; } } @media (max-width: 600px) { .main.about .wrap .container .about_box .about_top .about_r { margin-top: 10px; } } .main.about .wrap .container .about_box .about_top .about_l { float: left; width: 46.9%; position: relative; } .main.about .wrap .container .about_box .about_top .about_l::after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 37px; height: 28px; background: url(../img/img.png) no-repeat center center; background-size: cover; } @media (max-width: 1024px) { .main.about .wrap .container .about_box .about_top .about_l::after { display: none; } } @media (max-width: 950px) { .main.about .wrap .container .about_box .about_top .about_l { width: 100%; float: none; } } .main.about .wrap .container .about_box .about_top .about_l .tit { padding-right: 32px; border-right: 1px solid #ececec; text-align: right; padding-bottom: 40px; } @media (max-width: 1024px) { .main.about .wrap .container .about_box .about_top .about_l .tit { padding-right: 0; border: none; padding-bottom: 0; text-align: left; } } .main.about .wrap .container .about_box .about_top .about_l .tit .en { font-size: 56px; line-height: 56px; color: #407aba; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1300px) { .main.about .wrap .container .about_box .about_top .about_l .tit .en { font-size: 50px; line-height: 50px; } } @media (max-width: 1100px) { .main.about .wrap .container .about_box .about_top .about_l .tit .en { font-size: 46px; line-height: 46px; } } @media (max-width: 768px) { .main.about .wrap .container .about_box .about_top .about_l .tit .en { font-size: 28px; line-height: 36px; } } .main.about .wrap .container .about_box .about_top .about_l .tit .txt { font-size: 32px; line-height: 40px; color: #454545; margin-top: 10px; } @media (max-width: 1300px) { .main.about .wrap .container .about_box .about_top .about_l .tit .txt { font-size: 28px; line-height: 36px; } } @media (max-width: 1100px) { .main.about .wrap .container .about_box .about_top .about_l .tit .txt { font-size: 24px; line-height: 32px; } } @media (max-width: 1024px) { .main.about .wrap .container .about_box .about_top .about_l .tit .txt { margin-top: 5px; } } @media (max-width: 768px) { .main.about .wrap .container .about_box .about_top .about_l .tit .txt { font-size: 20px; line-height: 30px; margin-top: 0; } } .main.about .wrap .container .honor { padding-bottom: 90px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.about .wrap .container .honor { padding-bottom: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .honor { padding-bottom: 30px; } } .main.about .wrap .container .honor .title { padding-top: 95px; text-align: center; } @media (max-width: 1024px) { .main.about .wrap .container .honor .title { padding-top: 70px; } } @media (max-width: 600px) { .main.about .wrap .container .honor .title { padding-top: 25px; } } .main.about .wrap .container .honor .title .en { font-size: 30px; line-height: 36px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.about .wrap .container .honor .title .en { font-size: 24px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .honor .title .en { font-size: 20px; line-height: 30px; } } .main.about .wrap .container .honor .title .cn { font-size: 24px; line-height: 36px; color: #454545; } @media (max-width: 1024px) { .main.about .wrap .container .honor .title .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.about .wrap .container .honor .title .cn { font-size: 18px; line-height: 24px; } } .main.news .wrap { background: #f5f5f5; } .main.news .container { background: #fff; } .main.news .container .news_box { padding: 0 3.9%; padding-bottom: 80px; border-bottom: 1px solid #ededed; } @media (max-width: 768px) { .main.news .container .news_box { padding: 0 3%; padding-bottom: 70px; } } @media (max-width: 600px) { .main.news .container .news_box { padding-bottom: 30px; } } .main.news .container .news_box .title { padding-top: 70px; text-align: center; } @media (max-width: 1024px) { .main.news .container .news_box .title { padding-top: 70px; } } @media (max-width: 600px) { .main.news .container .news_box .title { padding-top: 25px; } } .main.news .container .news_box .title .en { font-size: 30px; line-height: 36px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.news .container .news_box .title .en { font-size: 24px; line-height: 30px; } } @media (max-width: 600px) { .main.news .container .news_box .title .en { font-size: 20px; line-height: 30px; } } .main.news .container .news_box .title .cn { font-size: 24px; line-height: 36px; color: #454545; } @media (max-width: 1024px) { .main.news .container .news_box .title .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.news .container .news_box .title .cn { font-size: 18px; line-height: 24px; } } .main.news .container .news_box .news_list ul { width: 110%; margin-top: 4px; } @media (max-width: 800px) { .main.news .container .news_box .news_list ul { width: 100%; } } @media (max-width: 800px) { .main.news .container .news_box .news_list ul { padding-top: 30px; } } @media (max-width: 500px) { .main.news .container .news_box .news_list ul { padding-top: 10px; } } .main.news .container .news_box .news_list ul li { float: left; width: 27.9%; background-color: #fff; box-shadow: 0 0 8px rgba(35, 35, 35, 0.11); margin-right: 3.37%; margin-top: 3%; } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li { width: 48%; margin-right: 0; margin-top: 4%; } .main.news .container .news_box .news_list ul li:nth-child(even) { float: right; } } @media (max-width: 500px) { .main.news .container .news_box .news_list ul li { width: 100%; float: none; margin-right: 0; margin-top: 15px; } .main.news .container .news_box .news_list ul li:nth-child(even) { float: none; } } .main.news .container .news_box .news_list ul li a { display: block; } @media (min-width: 1024px) { .main.news .container .news_box .news_list ul li a:hover .pic img { transform: scale(1.05); } } .main.news .container .news_box .news_list ul li a .pic { overflow: hidden; position: relative; } .main.news .container .news_box .news_list ul li a .pic img { transition: all 0.5s ease; width: 100%; height: auto; } .main.news .container .news_box .news_list ul li a .pic .date { text-align: center; width: 90px; position: absolute; left: 0; bottom: 0px; background: #407aba; padding-top: 8px; padding-bottom: 10px; z-index: 10; } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li a .pic .date { width: 70px; padding-top: 5px; padding-bottom: 7px; } } .main.news .container .news_box .news_list ul li a .pic .date .day { font-size: 48px; line-height: 50px; color: #fff; font-family: "CENTURYGOTHIC-BOLD"; font-weight: bold; } @media (max-width: 1200px) { .main.news .container .news_box .news_list ul li a .pic .date .day { font-size: 40px; line-height: 40px; } } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li a .pic .date .day { font-size: 28px; line-height: 30px; } } .main.news .container .news_box .news_list ul li a .pic .date .month { font-size: 14px; line-height: 18px; color: #fff; margin-top: 3px; } @media (max-width: 1200px) { .main.news .container .news_box .news_list ul li a .pic .date .month { margin-top: 0; font-size: 13px; line-height: 16px; } } .main.news .container .news_box .news_list ul li a .cont { padding: 18px 25px; } @media (max-width: 1200px) { .main.news .container .news_box .news_list ul li a .cont { padding: 15px; } } @media (max-width: 500px) { .main.news .container .news_box .news_list ul li a .cont { padding-bottom: 0; } } .main.news .container .news_box .news_list ul li a .cont .time { position: relative; height: 56px; border-bottom: 1px solid #eee; padding-bottom: 18px; } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li a .cont .time { padding-bottom: 10px; } } .main.news .container .news_box .news_list ul li a .cont .time .t { font-size: 18px; line-height: 28px; color: #454545; height: 56px; overflow: hidden; } @media (max-width: 1200px) { .main.news .container .news_box .news_list ul li a .cont .time .t { font-size: 16px; line-height: 28px; } } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li a .cont .time .t { line-height: 24px; height: 48px; } } .main.news .container .news_box .news_list ul li a .cont .detail { padding-bottom: 4px; padding-top: 13px; } @media (max-width: 800px) { .main.news .container .news_box .news_list ul li a .cont .detail { padding-top: 10px; } } @media (max-width: 500px) { .main.news .container .news_box .news_list ul li a .cont .detail { padding: 10px 0; } } .main.news .container .news_box .news_list ul li a .cont .detail .txt { float: left; font-size: 14px; line-height: 26px; color: #999; text-transform: uppercase; font-family: "CENTURYGOTHIC-BOLD"; font-weight: bold; } .main.news .container .news_box .news_list ul li a .cont .detail .icon { width: 26px; height: 26px; border-radius: 50%; float: right; margin-right: 5px; background: url(../img/jr.png) no-repeat center center #407aba; } .main.news .container .news_box .news_detail { width: 82%; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .main.news .container .news_box .news_detail { width: 94%; } } .main.news .container .news_box .news_detail .detail_tit { padding-top: 52px; padding-bottom: 25px; text-align: center; border-bottom: 1px dashed #cdcdcd; } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_tit { padding: 25px 0 15px 0; } } .main.news .container .news_box .news_detail .detail_tit .t { font-size: 30px; line-height: 48px; color: #454545; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_tit .t { font-size: 24px; line-height: 36px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_tit .t { font-size: 20px; line-height: 30px; } } .main.news .container .news_box .news_detail .detail_tit .msg { font-size: 18px; line-height: 28px; color: #999; margin-top: 12px; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_tit .msg { font-size: 16px; line-height: 24px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_tit .msg { font-size: 14px; line-height: 24px; margin-top: 6px; } } .main.news .container .news_box .news_detail .detail_tit .msg span { color: #666; } .main.news .container .news_box .news_detail .detail_con { font-size: 18px; line-height: 32px; color: #666; border-bottom: 1px dashed #cdcdcd; padding-bottom: 50px; padding-top: 34px; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_con { font-size: 16px; line-height: 24px; padding-top: 25px; padding-bottom: 40px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_con { font-size: 14px; line-height: 24px; padding-top: 15px; padding-bottom: 20px; } } .main.news .container .news_box .news_detail .detail_con img { max-width: 100%; margin-top: 20px; height: auto !important; } .main.news .container .news_box .news_detail .detail_bot { margin-top: 38px; position: relative; padding-right: 190px; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_bot { padding-right: 150px; margin-top: 30px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_bot { padding-right: 120px; margin-top: 20px; } } .main.news .container .news_box .news_detail .detail_bot .detail_l { font-size: 18px; line-height: 36px; color: #454545; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_bot .detail_l { font-size: 16px; line-height: 30px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_bot .detail_l { font-size: 14px; line-height: 24px; } } .main.news .container .news_box .news_detail .detail_bot .detail_l a { color: #454545; transition: color 0.3s,text-decoration 0.3s; } @media (min-width: 1024px) { .main.news .container .news_box .news_detail .detail_bot .detail_l a:hover { color: #407aba; text-decoration: underline; } } .main.news .container .news_box .news_detail .detail_bot .return { width: 180px; height: 56px; display: block; border-radius: 28px; background: #407aba; text-align: center; font-size: 0; position: absolute; right: 0; top: 50%; margin-top: -28px; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_bot .return { width: 140px; height: 48px; border-radius: 24px; margin-top: -24px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_bot .return { width: 110px; height: 36px; margin-top: -18px; } } .main.news .container .news_box .news_detail .detail_bot .return .ico { display: inline-block; vertical-align: middle; margin: 0 8px; } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_bot .return .ico { margin: 0 3px; } .main.news .container .news_box .news_detail .detail_bot .return .ico img { height: 16px; } } .main.news .container .news_box .news_detail .detail_bot .return .txt { font-size: 16px; line-height: 56px; color: #fff; display: inline-block; vertical-align: middle; margin: 0 8px; } @media (max-width: 1200px) { .main.news .container .news_box .news_detail .detail_bot .return .txt { font-size: 14px; line-height: 48px; } } @media (max-width: 768px) { .main.news .container .news_box .news_detail .detail_bot .return .txt { margin: 0 3px; font-size: 14px; line-height: 36px; } } .main.case .wrap { background: #f5f5f5; } .main.case .wrap .container { background: #fff; box-sizing: border-box; padding-bottom: 95px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.case .wrap .container { padding-bottom: 70px; } } @media (max-width: 600px) { .main.case .wrap .container { padding-bottom: 30px; } } .main.case .wrap .container .case_box { padding: 0 3.9%; } @media (max-width: 768px) { .main.case .wrap .container .case_box { padding: 0 3%; } } .main.case .wrap .container .case_box .classification_box { margin-top: 70px; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .classification_box { margin-top: 50px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .classification_box { margin-top: 15px; } } .main.case .wrap .container .case_box .classification_box ul { text-align: center; font-size: 0; } .main.case .wrap .container .case_box .classification_box ul li { display: inline-block; vertical-align: middle; width: 250px; height: 54px; background: #f5f5f5; border-radius: 27px; font-size: 20px; line-height: 54px; cursor: pointer; color: #454545; text-align: center; margin: 0 16px; position: relative; transform: background 0.5s,color 0.5s; } .main.case .wrap .container .case_box .classification_box ul li a { color: #454545; } .main.case .wrap .container .case_box .classification_box ul li.active { background: #407aba; color: #fff; } .main.case .wrap .container .case_box .classification_box ul li.active::after { filter: alpha(opacity=100); opacity: 1; } .main.case .wrap .container .case_box .classification_box ul li.active a { color: #fff; } @media (max-width: 1200px) { .main.case .wrap .container .case_box .classification_box ul li { font-size: 18px; line-height: 50px; height: 50px; width: 200px; margin: 0 10px; } } @media (max-width: 1100px) { .main.case .wrap .container .case_box .classification_box ul li { font-size: 16px; line-height: 44px; height: 44px; width: 180px; margin: 0 5px; } } @media (max-width: 1024px) { .main.case .wrap .container .case_box .classification_box ul li { margin: 10px; } } @media (max-width: 650px) { .main.case .wrap .container .case_box .classification_box ul li { width: 150px; } } @media (max-width: 500px) { .main.case .wrap .container .case_box .classification_box ul li { min-width: 130px; font-size: 14px; line-height: 36px; height: 36px; padding: 0 10px; margin: 5px; width: auto; } } @media (min-width: 1024px) { .main.case .wrap .container .case_box .classification_box ul li:hover { background: #407aba; color: #fff; } .main.case .wrap .container .case_box .classification_box ul li:hover::after { filter: alpha(opacity=100); opacity: 1; } .main.case .wrap .container .case_box .classification_box ul li:hover a { color: #fff; } } .main.case .wrap .container .case_box .classification_box ul li::after { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #407aba; left: 50%; margin-left: -7px; transform: opacity 0.5s; bottom: -6px; filter: alpha(opacity=0); opacity: 0; } .main.case .wrap .container .case_box .title { padding-top: 60px; text-align: center; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .title { padding-top: 50px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .title { padding-top: 25px; } } .main.case .wrap .container .case_box .title .en { font-size: 30px; line-height: 36px; color: #414141; font-family: "CENTURYGOTHIC-BOLD"; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .title .en { font-size: 24px; line-height: 30px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .title .en { font-size: 20px; line-height: 30px; } } .main.case .wrap .container .case_box .title .cn { font-size: 24px; line-height: 36px; color: #454545; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .title .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .title .cn { font-size: 18px; line-height: 24px; } } .main.case .wrap .container .case_box .case_list { margin-top: 34px; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .case_list { margin-top: 10px; } } @media (max-width: 768px) { .main.case .wrap .container .case_box .case_list { margin-top: 0px; } } .main.case .wrap .container .case_box .case_list ul { width: 110%; padding-bottom: 10px; margin-top: 4px; } @media (max-width: 800px) { .main.case .wrap .container .case_box .case_list ul { width: 100%; } } @media (max-width: 800px) { .main.case .wrap .container .case_box .case_list ul { padding-top: 30px; } } @media (max-width: 500px) { .main.case .wrap .container .case_box .case_list ul { padding-top: 10px; padding-bottom: 0; } } .main.case .wrap .container .case_box .case_list ul li { float: left; width: 27.9%; background-color: #fff; box-shadow: 0 0 8px rgba(35, 35, 35, 0.11); margin-right: 3.37%; margin-top: 3%; } @media (max-width: 800px) { .main.case .wrap .container .case_box .case_list ul li { width: 48%; margin-right: 0; margin-top: 4%; } .main.case .wrap .container .case_box .case_list ul li:nth-child(even) { float: right; } } @media (max-width: 500px) { .main.case .wrap .container .case_box .case_list ul li { width: 100%; float: none; margin-right: 0; margin-top: 15px; } .main.case .wrap .container .case_box .case_list ul li:nth-child(even) { float: none; } } .main.case .wrap .container .case_box .case_list ul li a { display: block; } @media (min-width: 1024px) { .main.case .wrap .container .case_box .case_list ul li a:hover .pic img { transform: scale(1.05); } } .main.case .wrap .container .case_box .case_list ul li a .pic { overflow: hidden; } .main.case .wrap .container .case_box .case_list ul li a .pic img { transition: all 0.5s ease; width: 100%; height: auto; } .main.case .wrap .container .case_box .case_list ul li a .cont { padding: 18px; padding-top: 0; } @media (max-width: 1200px) { .main.case .wrap .container .case_box .case_list ul li a .cont { padding: 15px; padding-top: 0; } } @media (max-width: 500px) { .main.case .wrap .container .case_box .case_list ul li a .cont { padding-bottom: 0; } } .main.case .wrap .container .case_box .case_list ul li a .cont .tit { font-size: 18px; line-height: 56px; color: #454545; height: 56px; border-bottom: 1px solid #eee; } @media (max-width: 1200px) { .main.case .wrap .container .case_box .case_list ul li a .cont .tit { font-size: 16px; line-height: 50px; height: 50px; } } @media (max-width: 800px) { .main.case .wrap .container .case_box .case_list ul li a .cont .tit { height: 44px; font-size: 16px; line-height: 44px; } } .main.case .wrap .container .case_box .case_list ul li a .cont .detail { padding-bottom: 4px; padding-top: 13px; } @media (max-width: 800px) { .main.case .wrap .container .case_box .case_list ul li a .cont .detail { padding-top: 10px; } } @media (max-width: 500px) { .main.case .wrap .container .case_box .case_list ul li a .cont .detail { padding: 10px 0; } } .main.case .wrap .container .case_box .case_list ul li a .cont .detail .txt { float: left; font-size: 14px; line-height: 26px; color: #999; text-transform: uppercase; font-family: "CENTURYGOTHIC-BOLD"; font-weight: bold; } .main.case .wrap .container .case_box .case_list ul li a .cont .detail .icon { width: 26px; height: 26px; border-radius: 50%; float: right; margin-right: 5px; background: url(../img/jr.png) no-repeat center center #407aba; } .main.case .wrap .container .case_box .list_box { margin-top: 60px; padding-bottom: 50px; } @media (max-width: 1024px) { .main.case .wrap .container .case_box .list_box { margin-top: 50px; padding-bottom: 0; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .list_box { margin-top: 25px; } } .main.case .wrap .container .case_box .list_box ul li { background: #f5f5f5; margin-top: 20px; } .main.case .wrap .container .case_box .list_box ul li:nth-child(even) a .pic { float: left; } @media (max-width: 900px) { .main.case .wrap .container .case_box .list_box ul li:nth-child(even) a .pic { float: none; } } .main.case .wrap .container .case_box .list_box ul li:nth-child(even) a .text_box { left: auto; right: 0; } .main.case .wrap .container .case_box .list_box ul li a { display: block; overflow: hidden; position: relative; } @media (min-width: 1024px) { .main.case .wrap .container .case_box .list_box ul li a:hover .pic img { transform: scale(1.05); } .main.case .wrap .container .case_box .list_box ul li a:hover .text_box .tab .tab_cell .t, .main.case .wrap .container .case_box .list_box ul li a:hover .text_box .tab .tab_cell .ds { color: #009944; } .main.case .wrap .container .case_box .list_box ul li a:hover .text_box .tab .tab_cell .more::after { transform: scaleX(1); transform-origin: left center; } .main.case .wrap .container .case_box .list_box ul li a:hover .text_box .tab .tab_cell .more span { color: #fff; background: url(../img/bg2.png) no-repeat left center; } } .main.case .wrap .container .case_box .list_box ul li a .pic { width: 50%; overflow: hidden; float: right; } .main.case .wrap .container .case_box .list_box ul li a .pic img { width: 100%; height: auto; transition: all 0.5s ease; } @media (max-width: 900px) { .main.case .wrap .container .case_box .list_box ul li a .pic { width: 100%; float: none; } } .main.case .wrap .container .case_box .list_box ul li a .text_box { position: absolute; left: 0; top: 0; width: 50%; height: 100%; padding-left: 6%; padding-right: 4.6%; box-sizing: border-box; } @media (max-width: 1600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box { padding-left: 4%; padding-right: 4%; } } @media (max-width: 900px) { .main.case .wrap .container .case_box .list_box ul li a .text_box { position: static; padding: 20px 15px; width: 100%; } } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab { width: 100%; height: 100%; display: table; } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell { display: table-cell; vertical-align: middle; } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .t { font-size: 36px; line-height: 44px; color: #407aba; transition: color 0.5s ease; } @media (max-width: 1600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .t { font-size: 32px; line-height: 40px; } } @media (max-width: 1024px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .t { font-size: 24px; line-height: 36px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .t { font-size: 20px; line-height: 28px; } } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .ds { font-size: 24px; line-height: 30px; color: #454545; transition: color 0.5s ease; margin-top: 8px; } @media (max-width: 1600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .ds { font-size: 20px; line-height: 28px; } } @media (max-width: 1200px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .ds { font-size: 18px; line-height: 26px; } } @media (max-width: 1024px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .ds { font-size: 16px; line-height: 24px; } } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .con { font-size: 18px; line-height: 32px; color: #666; overflow: hidden; height: 96px; margin-top: 26px; } @media (max-width: 1600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .con { font-size: 16px; line-height: 28px; height: 84px; margin-top: 20px; } } @media (max-width: 1200px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .con { margin-top: 15px; font-size: 15px; line-height: 24px; height: 72px; } } @media (max-width: 1024px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .con { font-size: 14px; line-height: 24px; margin-top: 10px; } } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more { display: block; border-radius: 27px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); text-align: center; overflow: hidden; width: 180px; margin-top: 35px; position: relative; font-size: 14px; line-height: 54px; color: #333; } @media (max-width: 1200px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more { margin-top: 20px; width: 160px; height: 48px; line-height: 48px; } } @media (max-width: 1024px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more { margin-top: 10px; width: 140px; height: 40px; font-size: 14px; line-height: 40px; } } @media (max-width: 600px) { .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more { width: 110px; height: 34px; font-size: 14px; line-height: 34px; } } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #009944; transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); transform-origin: right center; transform: scaleX(0); } .main.case .wrap .container .case_box .list_box ul li a .text_box .tab .tab_cell .more span { position: relative; z-index: 10; display: inline-block; vertical-align: middle; padding-left: 23px; background: url(../img/bg.png) no-repeat left center; transition: color 0.5s, background 0.5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .main.product .wrap { background: #f5f5f5; } .main.product .wrap .container { background: #fff; } .main.product .wrap .container .product_box { padding: 0 3.9%; padding-bottom: 54px; border-bottom: 1px solid #ededed; } @media (max-width: 768px) { .main.product .wrap .container .product_box { padding: 0 3%; padding-bottom: 50px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box { padding-bottom: 30px; } } .main.product .wrap .container .product_box video { max-width: 100%; } .main.product .wrap .container .product_box .box { padding-top: 75px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box { padding-top: 50px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box { padding-top: 30px; } } .main.product .wrap .container .product_box .box img { max-width: 100%; height: auto !important; } .main.product .wrap .container .product_box .box.box2 { padding-top: 68px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box.box2 { padding-top: 60px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box.box2 { padding-top: 30px; } } .main.product .wrap .container .product_box .box.box2 .box_top { padding-top: 65px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box.box2 .box_top { padding-top: 60px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box.box2 .box_top { padding-top: 30px; } } .main.product .wrap .container .product_box .box.box2 .box_top .list { margin-top: 40px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box.box2 .box_top .list { margin-top: 25px; } } .main.product .wrap .container .product_box .box .classification_box ul { text-align: center; font-size: 0; } .main.product .wrap .container .product_box .box .classification_box ul li { display: inline-block; vertical-align: middle; width: 250px; height: 54px; background: #f5f5f5; border-radius: 27px; font-size: 20px; line-height: 54px; cursor: pointer; color: #454545; text-align: center; margin: 0 25px; position: relative; transform: background 0.5s,color 0.5s; } .main.product .wrap .container .product_box .box .classification_box ul li a { color: #454545; } .main.product .wrap .container .product_box .box .classification_box ul li.active { background: #407aba; color: #fff; } .main.product .wrap .container .product_box .box .classification_box ul li.active::after { filter: alpha(opacity=100); opacity: 1; } .main.product .wrap .container .product_box .box .classification_box ul li.active a { color: #fff; } @media (max-width: 1200px) { .main.product .wrap .container .product_box .box .classification_box ul li { font-size: 18px; line-height: 50px; height: 50px; width: 200px; margin: 0 20px; } } @media (max-width: 900px) { .main.product .wrap .container .product_box .box .classification_box ul li { font-size: 16px; line-height: 44px; height: 44px; width: 180px; margin: 0 5px; } } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .classification_box ul li { width: 140px; } } @media (max-width: 500px) { .main.product .wrap .container .product_box .box .classification_box ul li { min-width: 130px; font-size: 14px; line-height: 36px; height: 36px; margin: 5px; width: auto; padding: 0 10px; } } @media (min-width: 1024px) { .main.product .wrap .container .product_box .box .classification_box ul li:hover { background: #407aba; color: #fff; } .main.product .wrap .container .product_box .box .classification_box ul li:hover::after { filter: alpha(opacity=100); opacity: 1; } .main.product .wrap .container .product_box .box .classification_box ul li:hover a { color: #fff; } } .main.product .wrap .container .product_box .box .classification_box ul li::after { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #407aba; left: 50%; margin-left: -7px; transform: opacity 0.5s; bottom: -6px; filter: alpha(opacity=0); opacity: 0; } .main.product .wrap .container .product_box .box .title2 { text-align: center; } .main.product .wrap .container .product_box .box .title2.mb { margin-bottom: 65px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .title2.mb { margin-bottom: 60px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .title2.mb { margin-bottom: 30px; } } .main.product .wrap .container .product_box .box .title2 .en { font-size: 28px; line-height: 32px; color: #454545; font-weight: bold; font-family: Arial; } .main.product .wrap .container .product_box .box .title2 .en span { color: #009944; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .title2 .en { font-size: 24px; line-height: 28px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .title2 .en { font-size: 20px; line-height: 24px; } } .main.product .wrap .container .product_box .box .title2 .cn { font-size: 24px; line-height: 36px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .title2 .cn { font-size: 20px; line-height: 30px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .title2 .cn { font-size: 18px; line-height: 24px; } } .main.product .wrap .container .product_box .box .title2 .cn .line { display: inline-block; vertical-align: middle; width: 120px; height: 1px; background: #e6e6e6; } @media (max-width: 500px) { .main.product .wrap .container .product_box .box .title2 .cn .line { width: 60px; } } .main.product .wrap .container .product_box .box .box_bot { padding-top: 56px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot { padding-top: 30px; } } .main.product .wrap .container .product_box .box .box_bot.box_bot2 { padding-bottom: 30px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot.box_bot2 { padding-bottom: 0; } } .main.product .wrap .container .product_box .box .box_bot .summary_list { text-align: center; margin-top: 30px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot .summary_list { margin-top: 10px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul { font-size: 0; text-align: center; } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 4%; box-sizing: border-box; margin-top: 25px; } @media (max-width: 700px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li { padding: 0 2%; } } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li { width: 50%; } } @media (max-width: 400px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li { width: 100%; padding: 0; margin-top: 20px; } } @media (min-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li:hover .icon { transform: translateY(-10px); } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon { width: 114px; height: 114px; background: #f9f9f9; border-radius: 50%; position: relative; margin: 0 auto; transition: transform 0.5s; border: 1px solid #ededed; box-sizing: border-box; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon { width: 100px; height: 100px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon { width: 70px; height: 70px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon .img { position: absolute; width: 100px; height: 100px; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; border-radius: 50%; background: #fff; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon .img { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon .img { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .icon .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 50%; max-height: 50%; margin: auto; } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont { margin-top: 20px; } @media (max-width: 500px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont { margin-top: 10px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t { font-size: 24px; line-height: 40px; color: #454545; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t { font-size: 20px; line-height: 36px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t { font-size: 18px; line-height: 28px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t_num { font-size: 36px; line-height: 40px; color: #454545; font-family: Arial; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t_num { font-size: 30px; line-height: 36px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .t_num { font-size: 24px; line-height: 28px; } } .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .txt { font-size: 16px; line-height: 28px; color: #454545; margin-top: 10px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_bot .summary_list ul li .cont .txt { font-size: 14px; line-height: 24px; margin-top: 6px; } } .main.product .wrap .container .product_box .box .box_t { font-size: 30px; line-height: 44px; color: #454545; font-weight: bold; text-align: center; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_t { font-size: 26px; line-height: 36px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_t { font-size: 20px; line-height: 30px; } } .main.product .wrap .container .product_box .box .box_top { padding-top: 80px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top { padding-top: 60px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top { padding-top: 30px; } } .main.product .wrap .container .product_box .box .box_top.box_top2 { padding-top: 60px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top.box_top2 { padding-top: 45px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top.box_top2 { padding-top: 30px; } } .main.product .wrap .container .product_box .box .box_top.box_top3 { padding-top: 60px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top.box_top3 { padding-top: 45px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top.box_top3 { padding-top: 30px; } } .main.product .wrap .container .product_box .box .box_top.box_top3 .title2 { padding-bottom: 12px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top.box_top3 .title2 { padding-bottom: 0; } } .main.product .wrap .container .product_box .box .box_top .list { margin-top: 40px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list { margin-top: 25px; } } .main.product .wrap .container .product_box .box .box_top .list.list2 { margin-top: 0; } .main.product .wrap .container .product_box .box .box_top .list.list_li ul .li .text ul li { padding-left: 20px; background-position-x: 0; } .main.product .wrap .container .product_box .box .box_top .list ul .li { padding: 40px 4.6%; background: #f9f9f9; font-size: 16px; line-height: 28px; color: #454545; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li { font-size: 14px; line-height: 24px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li:nth-child(even) { background: #fff; } @media (max-width: 500px) { .main.product .wrap .container .product_box .box .box_top .list ul .li { padding: 20px 15px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .tbox { overflow: hidden; } .main.product .wrap .container .product_box .box .box_top .list ul .li .tbox .text_box { float: left; width: 42.5%; } @media (max-width: 850px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .tbox .text_box { width: 100%; float: none; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .tbox .img { float: right; width: 51.96%; margin-top: 0; } @media (max-width: 850px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .tbox .img { width: 100%; float: none; margin-top: 17px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .t { font-size: 20px; line-height: 34px; color: #454545; font-weight: bold; padding-left: 30px; background: url(../img/bg1.png) no-repeat left 9px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .t { font-size: 16px; line-height: 24px; padding-left: 25px; background-size: 20px auto; background-position: 0 5px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .tit { font-size: 18px; line-height: 30px; color: #454545; text-align: center; font-weight: bold; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .tit { font-size: 16px; line-height: 26px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l1 { margin-top: 44px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l1 { margin-top: 35px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l1 { margin-top: 15px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 { margin-top: 55px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 { margin-top: 45px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 { margin-top: 15px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .tit { margin-bottom: 10px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .tit { margin-bottom: 0; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox { padding-bottom: 20px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox { padding-bottom: 0; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul { width: 110%; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul { width: 100%; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul li { float: left; width: 29.75%; margin-right: 0.8%; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul li { width: 100%; margin-right: 0; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul li img { max-width: 100%; } .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul li .txt { padding: 0 15%; font-size: 16px; line-height: 32px; color: #454545; margin-top: 10px; text-align: center; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .des .l2 .lbox ul li .txt { padding: 0 8%; font-size: 14px; line-height: 24px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li a.demo-gallery { cursor: default; } .main.product .wrap .container .product_box .box .box_top .list ul .li .img { text-align: center; margin-top: 17px; } .main.product .wrap .container .product_box .box .box_top .list ul .li .img img { max-width: 100%; height: auto !important; } .main.product .wrap .container .product_box .box .box_top .list ul .li .co { font-size: 16px; line-height: 28px; color: #454545; padding-left: 12px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .co { font-size: 14px; line-height: 24px; padding-left: 10px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .table { margin-top: 20px; } .main.product .wrap .container .product_box .box .box_top .list ul .li .table img { max-width: 100%; } .main.product .wrap .container .product_box .box .box_top .list ul .li .text { margin-top: 16px; } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .text { margin-top: 8px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .text.text2 ul { width: 820px; } @media (max-width: 1100px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .text.text2 ul { width: 100%; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .text.text2 ul li { width: 390px; float: left; } .main.product .wrap .container .product_box .box .box_top .list ul .li .text.text2 ul li:nth-child(even) { float: right; width: 430px; } @media (max-width: 1100px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .text.text2 ul li { width: 100% !important; float: none !important; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .text ul li { font-size: 16px; line-height: 28px; color: #454545; box-sizing: border-box; padding-left: 30px; background: url(../img/rad.png) no-repeat 12px 10px; } .main.product .wrap .container .product_box .box .box_top .list ul .li .text ul li strong { color: #407aba; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .text ul li { font-size: 14px; line-height: 24px; padding-left: 25px; background-position: 10px 6px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .text .son_list ul li { background: url(../img/son.png) no-repeat left center; } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect { margin-top: 36px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .effect { margin-top: 20px; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul { font-size: 0; text-align: center; } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li { width: 50%; display: inline-block; vertical-align: top; } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li:last-child { width: 60%; } @media (max-width: 700px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li { width: 100% !important; } } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li a { display: block; } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li a img { max-width: 100%; } .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li .txt { font-size: 16px; line-height: 28px; color: #454545; text-align: left; margin: 15px 60px; padding-left: 15px; background: url(../img/rad.png) no-repeat left 10px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li .txt { font-size: 14px; line-height: 24px; margin: 15px 40px; background-position: left 8px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .box_top .list ul .li .effect ul li .txt { margin: 10px 0; } } .main.product .wrap .container .product_box .box .consultation_bot { padding-bottom: 60px; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_bot { padding-bottom: 40px; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .consultation_bot { padding-bottom: 0; } } .main.product .wrap .container .product_box .box .consultation_bot ul { font-size: 0; text-align: center; } .main.product .wrap .container .product_box .box .consultation_bot ul li { display: inline-block; vertical-align: top; margin: 0 1.4%; width: 30.1%; margin-top: 2.8%; } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .consultation_bot ul li { width: 100%; margin: 15px 0 0 0; } } @media (min-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_bot ul li:hover .pic img { transform: scale(1.05); } } .main.product .wrap .container .product_box .box .consultation_bot ul li .pic { overflow: hidden; } .main.product .wrap .container .product_box .box .consultation_bot ul li .pic img { width: 100%; display: block; height: auto; transition: all 0.5s ease; } .main.product .wrap .container .product_box .box .consultation_bot ul li .txt { font-size: 18px; line-height: 32px; colorL: #454545; text-align: center; margin-top: 18px; } @media (max-width: 1200px) { .main.product .wrap .container .product_box .box .consultation_bot ul li .txt { font-size: 16px; line-height: 28px; } } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_bot ul li .txt { font-size: 14px; line-height: 24px; margin-top: 10px; } } .main.product .wrap .container .product_box .box .consultation_box { width: 81.42%; margin-left: auto; margin-right: auto; background: #fff; margin-top: 45px; position: relative; } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_box { margin-top: 35px; } } @media (max-width: 850px) { .main.product .wrap .container .product_box .box .consultation_box { width: 94%; } } @media (max-width: 600px) { .main.product .wrap .container .product_box .box .consultation_box { margin-top: 30px; } } @media (min-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_box:hover .pic img { transform: scale(1.05); } } .main.product .wrap .container .product_box .box .consultation_box .pic { width: 50%; overflow: hidden; } .main.product .wrap .container .product_box .box .consultation_box .pic img { width: 100%; height: auto; transition: all 0.5s ease; } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .consultation_box .pic { width: 100%; } } .main.product .wrap .container .product_box .box .consultation_box .text { position: absolute; width: 50%; right: 0; top: 0; padding: 0 4.3%; box-sizing: border-box; height: 100%; } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .consultation_box .text { position: static; padding: 15px; width: 100%; } } .main.product .wrap .container .product_box .box .consultation_box .text .tab { width: 100%; height: 100%; } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell { width: 100%; height: 100%; } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con { width: 100%; display: flex; flex-wrap: wrap; align-content: center; height: 100%; padding: 15px 0; box-sizing: border-box; } @media (max-width: 650px) { .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con { height: auto; padding: 0; } } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .mCustomScrollBox { width: 100%; } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #407aba; } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .mCSB_scrollTools .mCSB_draggerRail { background: #ddd; } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .t { width: 100%; font-size: 28px; line-height: 44px; color: #454545; } @media (max-width: 1200px) { .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .t { font-size: 24px; line-height: 36px; } } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .t { font-size: 20px; line-height: 30px; } } .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .con { width: 100%; margin-top: 22px; font-size: 18px; line-height: 32px; color: #666; } @media (max-width: 1200px) { .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .con { font-size: 16px; line-height: 28px; margin-top: 15px; } } @media (max-width: 1024px) { .main.product .wrap .container .product_box .box .consultation_box .text .tab .tab_cell .text_con .con { font-size: 14px; line-height: 24px; margin-top: 10px; } } .main.join .wrap { background: #f5f5f5; } .main.join .wrap .container { background: #fff; padding-bottom: 95px; border-bottom: 1px solid #ededed; } @media (max-width: 1024px) { .main.join .wrap .container { padding-bottom: 70px; } } @media (max-width: 600px) { .main.join .wrap .container { padding-bottom: 30px; } } .main.join .wrap .container .join_box { padding: 0 3.9%; } @media (max-width: 768px) { .main.join .wrap .container .join_box { padding: 0 3%; } } .main.join .wrap .container .join_box .classification_box { margin-top: 75px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .classification_box { margin-top: 50px; } } @media (max-width: 600px) { .main.join .wrap .container .join_box .classification_box { margin-top: 15px; } } .main.join .wrap .container .join_box .classification_box ul { text-align: center; font-size: 0; } .main.join .wrap .container .join_box .classification_box ul li { display: inline-block; vertical-align: middle; width: 250px; height: 54px; background: #f5f5f5; border-radius: 27px; font-size: 20px; line-height: 54px; cursor: pointer; color: #454545; text-align: center; margin: 0 16px; position: relative; transform: background 0.5s,color 0.5s; } .main.join .wrap .container .join_box .classification_box ul li a { color: #454545; } .main.join .wrap .container .join_box .classification_box ul li.active { background: #407aba; color: #fff; } .main.join .wrap .container .join_box .classification_box ul li.active::after { filter: alpha(opacity=100); opacity: 1; } .main.join .wrap .container .join_box .classification_box ul li.active a { color: #fff; } @media (max-width: 1200px) { .main.join .wrap .container .join_box .classification_box ul li { font-size: 18px; line-height: 50px; height: 50px; width: 200px; margin: 0 10px; } } @media (max-width: 1100px) { .main.join .wrap .container .join_box .classification_box ul li { font-size: 16px; line-height: 44px; height: 44px; width: 180px; margin: 0 5px; } } @media (max-width: 1024px) { .main.join .wrap .container .join_box .classification_box ul li { margin: 10px; } } @media (max-width: 650px) { .main.join .wrap .container .join_box .classification_box ul li { width: 150px; } } @media (max-width: 500px) { .main.join .wrap .container .join_box .classification_box ul li { min-width: 130px; font-size: 14px; line-height: 36px; height: 36px; padding: 0 10px; width: auto; margin: 5px; } } @media (min-width: 1024px) { .main.join .wrap .container .join_box .classification_box ul li:hover { background: #407aba; color: #fff; } .main.join .wrap .container .join_box .classification_box ul li:hover::after { filter: alpha(opacity=100); opacity: 1; } .main.join .wrap .container .join_box .classification_box ul li:hover a { color: #fff; } } .main.join .wrap .container .join_box .classification_box ul li::after { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #407aba; left: 50%; margin-left: -7px; transform: opacity 0.5s; bottom: -6px; filter: alpha(opacity=0); opacity: 0; } .main.join .wrap .container .join_box .join_list { margin-top: 32px; } @media (max-width: 700px) { .main.join .wrap .container .join_box .join_list { margin-top: 10px; } } @media (max-width: 500px) { .main.join .wrap .container .join_box .join_list ul { margin-top: 10px; } } .main.join .wrap .container .join_box .join_list ul li { width: 48.4%; border: 1px solid #efefef; background: #fff; float: left; display: inline-block; vertical-align: top; margin-top: 2%; border-radius: 3px; padding: 30px 30px 0px 50px; box-sizing: border-box; } .main.join .wrap .container .join_box .join_list ul li:nth-child(even) { float: right; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li { padding: 20px 20px 0px 40px; } } @media (max-width: 700px) { .main.join .wrap .container .join_box .join_list ul li { padding: 20px; float: none !important; width: 100%; padding-bottom: 0; margin-top: 15px; } } .main.join .wrap .container .join_box .join_list ul li .job_name { font-size: 24px; line-height: 42px; color: #454545; padding-left: 40px; background: url(../img/job.png) no-repeat left center; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .job_name { font-size: 20px; line-height: 36px; } } .main.join .wrap .container .join_box .join_list ul li .content { margin-top: 5px; } .main.join .wrap .container .join_box .join_list ul li .content .msg { height: 280px; } .main.join .wrap .container .join_box .join_list ul li .content .msg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #407aba; border-radius: 0 !important; opacity: 1; filter: alpha(opacity=100); } .main.join .wrap .container .join_box .join_list ul li .content .msg .mCSB_scrollTools .mCSB_draggerRail { background: #e1e1e1; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .msg { height: 180px; } } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .msg { height: auto; } } .main.join .wrap .container .join_box .join_list ul li .content .msg .t { font-size: 16px; line-height: 26px; color: #666; margin-top: 12px; font-weight: bold; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .msg .t { font-size: 15px; line-height: 25px; margin-top: 8px; } } .main.join .wrap .container .join_box .join_list ul li .content .msg .con { font-size: 16px; line-height: 28px; color: #666; margin-top: 7px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .msg .con { font-size: 14px; line-height: 24px; margin-top: 4px; } } .main.join .wrap .container .join_box .join_list ul li .content .job_bot { margin-top: 25px; margin-right: 20px; position: relative; border-top: 1px dashed #e1e1e1; position: relative; padding-top: 22px; padding-bottom: 22px; padding-right: 140px; min-height: 40px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot { padding-right: 120px; min-height: 36px; } } @media (max-width: 750px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot { padding-right: 0; margin-top: 15px; } } @media (max-width: 700px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot { margin-right: 0; min-height: inherit; padding: 15px 0; height: auto !important; } } .main.join .wrap .container .join_box .join_list ul li .content .job_bot a { display: block; width: 130px; height: 40px; border-radius: 40px; font-size: 16px; line-height: 40px; color: #fff; background: #407aba; text-align: center; position: absolute; right: 0; top: 22px; border-radius: 40px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot a { width: 110px; height: 36px; font-size: 14px; line-height: 36px; } } @media (max-width: 750px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot a { position: static; margin-top: 10px; } } .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt { height: 40px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt { height: 36px; } } @media (max-width: 700px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt { height: auto; } } .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt .tb { width: 100%; height: 100%; display: table; } .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt .tb .tb_cell { display: table-cell; vertical-align: middle; font-size: 16px; line-height: 20px; color: #666; } .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt .tb .tb_cell span { color: #407aba; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .join_list ul li .content .job_bot .job_txt .tb .tb_cell { font-size: 14px; line-height: 22px; } } .main.join .wrap .container .join_box .jm { padding-top: 50px; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .jm { padding-top: 30px; } } @media (max-width: 600px) { .main.join .wrap .container .join_box .jm { padding-top: 25px; } } .main.join .wrap .container .join_box .jm .group { width: 100%; height: auto; } .main.join .wrap .container .join_box .jm .group .input-group { width: 50%; float: left; margin-bottom: 8px; } .main.join .wrap .container .join_box .jm .group .input-group select { background: none; } .main.join .wrap .container .join_box .jm .group .input-group .code { width: 100%; position: relative; } .main.join .wrap .container .join_box .jm .group .input-group .code img { position: absolute; right: 5%; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 90%; } @media (max-width: 1024px) { .main.join .wrap .container .join_box .jm .group .input-group .code img { right: 10px; } } .main.join .wrap .container .join_box .jm .group .input-group.file { height: 60px; } .main.join .wrap .container .join_box .jm .group .input-group.file input { position: relative; top: 5px; font-size: 14px; color: #333; } .main.join .wrap .container .join_box .jm .group .input-group.resume { float: none; clear: both; } .main.join .wrap .container .join_box .jm .group .input-group.resume .text { width: 196%; resize: none; height: 150px; background: none; border: 1px solid #e7e7e7; } .main.join .wrap .container .join_box .jm .group .input-group label { font-size: 14px; line-height: 26px; display: block; color: #333; margin-bottom: 5px; } .main.join .wrap .container .join_box .jm .group .input-group label span { color: red; font-size: 14px; line-height: 26px; } .main.join .wrap .container .join_box .jm .group .input-group .text { width: 96%; height: 34px; line-height: 34px; border: 1px solid #e7e7e7; text-indent: 1em; color: #333; box-sizing: border-box; } .main.join .wrap .container .join_box .jm .group .input-group input.text { height: 34px; line-height: 34px; background: none; font-size: 14px; } @media (max-width: 1240px) { .main.join .wrap .container .join_box .jm .group .input-group.resume { float: none; clear: both; } .main.join .wrap .container .join_box .jm .group .input-group.resume .text { width: 192%; resize: none; height: 180px; background: none; } .main.join .wrap .container .join_box .jm .group .input-group label { font-size: 14px; line-height: 26px; display: block; } .main.join .wrap .container .join_box .jm .group .input-group .text { width: 92%; height: 34px; line-height: 34px; box-sizing: border-box; } .main.join .wrap .container .join_box .jm .group .input-group input.text { height: 34px; line-height: 34px; background: none; font-size: 14px; } } @media (max-width: 1024px) { .main.join .wrap .container .join_box .jm .group .input-group { width: 100%; margin-bottom: 10px; float: none; } .main.join .wrap .container .join_box .jm .group .input-group .text { width: 100%; height: 30px; line-height: 30px; } .main.join .wrap .container .join_box .jm .group .input-group.resume .text { width: 100%; resize: none; height: 100px; } } .main.join .wrap .container .join_box .jm .btn-box { margin-top: 20px; padding-bottom: 10px; } .main.join .wrap .container .join_box .jm .btn-box .btn { width: 152px; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; font-size: 16px; color: #fff; padding: 0; border: 1px solid #407aba; background: #407aba; clear: both; } @media (max-width: 1240px) { .main.join .wrap .container .join_box .jm .btn-box { width: 90%; } .main.join .wrap .container .join_box .jm .btn-box .btn { width: 120px; height: 35px; line-height: 35px; font-size: 14px; } } @media (max-width: 1024px) { .main.join .wrap .container .join_box .jm .btn-box { width: 90%; } .main.join .wrap .container .join_box .jm .btn-box .btn { width: 100px; height: 30px; line-height: 30px; font-size: 14px; } } @media (max-width: 900px) { .main.contact .wrap .container { padding: 50px 0; } } @media (max-width: 768px) { .main.contact .wrap .container { padding: 30px 3%; box-sizing: border-box; } } .main.contact .wrap .container .map_box { float: left; margin-top: 132px; width: 44.4%; margin-left: 3.28%; position: relative; } .main.contact .wrap .container .map_box.delay2 { transition-delay: 0.2s; } @media (max-width: 1600px) { .main.contact .wrap .container .map_box { margin-top: 100px; width: 48%; } } @media (max-width: 900px) { .main.contact .wrap .container .map_box { width: 70%; float: none; margin-left: auto; margin-right: auto; margin-top: 20px; } } @media (max-width: 450px) { .main.contact .wrap .container .map_box { width: 100%; } } .main.contact .wrap .container .map_box .map { width: 100%; height: auto; } .main.contact .wrap .container .map_box .address { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .main.contact .wrap .container .map_box .address ul li { width: 8.29%; position: absolute; height: 10.53%; } .main.contact .wrap .container .map_box .address ul li.li1 { left: 78%; top: 50%; } .main.contact .wrap .container .map_box .address ul li.li1 .icon { left: -42.85%; top: 71.18%; } .main.contact .wrap .container .map_box .address ul li.li2 { top: 25.7%; left: 54.4%; } .main.contact .wrap .container .map_box .address ul li.li3 { left: 60.5%; top: 63.39%; } .main.contact .wrap .container .map_box .address ul li.li3 .icon { left: 107%; top: 101.6%; } @media (min-width: 1024px) { .main.contact .wrap .container .map_box .address ul li:hover .city_name img, .main.contact .wrap .container .map_box .address ul li:hover .icon img { filter: alpha(opacity=0); opacity: 0; } .main.contact .wrap .container .map_box .address ul li:hover .city_name img.active, .main.contact .wrap .container .map_box .address ul li:hover .icon img.active { filter: alpha(opacity=100); opacity: 1; } } .main.contact .wrap .container .map_box .address ul li.active .city_name img, .main.contact .wrap .container .map_box .address ul li.active .icon img { filter: alpha(opacity=0); opacity: 0; } .main.contact .wrap .container .map_box .address ul li.active .city_name img.active, .main.contact .wrap .container .map_box .address ul li.active .icon img.active { filter: alpha(opacity=100); opacity: 1; } .main.contact .wrap .container .map_box .address ul li .city_name { width: 100%; position: absolute; } .main.contact .wrap .container .map_box .address ul li .city_name img { position: absolute; left: 0; top: 0; width: 100%; } .main.contact .wrap .container .map_box .address ul li .city_name img.active { filter: alpha(opacity=0); opacity: 0; } .main.contact .wrap .container .map_box .address ul li .icon { position: absolute; width: 35.7%; left: 119.64%; top: 79.66%; } .main.contact .wrap .container .map_box .address ul li .icon img { position: absolute; left: 0; top: 0; width: 100%; } .main.contact .wrap .container .map_box .address ul li .icon img.active { filter: alpha(opacity=0); opacity: 0; } .main.contact .wrap .container .contact_l { width: 46.5%; float: left; overflow: hidden; } @media (max-width: 900px) { .main.contact .wrap .container .contact_l { width: 100%; float: none; } } .main.contact .wrap .container .contact_l .contact_top { background: #407aba; height: 400px; padding: 0 10.1%; box-sizing: border-box; position: relative; } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l .contact_top { height: 350px; } } @media (max-width: 1200px) { .main.contact .wrap .container .contact_l .contact_top { padding: 0 5%; } } @media (max-width: 1024px) { .main.contact .wrap .container .contact_l .contact_top { height: 280px; } } @media (max-width: 900px) { .main.contact .wrap .container .contact_l .contact_top { width: 50%; float: left; height: 300px; padding: 0 15px; } } @media (max-width: 768px) { .main.contact .wrap .container .contact_l .contact_top { width: 100%; height: auto; padding: 20px 15px; float: none; } } .main.contact .wrap .container .contact_l .contact_top .img { position: absolute; left: 0; width: 100%; bottom: -25px; } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l .contact_top .img { bottom: -10px; } } @media (max-width: 800px) { .main.contact .wrap .container .contact_l .contact_top .img { bottom: 0; } } .main.contact .wrap .container .contact_l .contact_top .img img { width: 100%; display: block; } .main.contact .wrap .container .contact_l .contact_top .message { position: relative; z-index: 10; padding-top: 100px; } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l .contact_top .message { padding-top: 80px; } } @media (max-width: 1024px) { .main.contact .wrap .container .contact_l .contact_top .message { padding-top: 40px; } } @media (max-width: 768px) { .main.contact .wrap .container .contact_l .contact_top .message { padding-top: 0; } } .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { width: 152px; border: 1px solid #6695c8; border-radius: 5px; box-sizing: border-box; font-size: 18px; line-height: 48px; color: #fff; text-align: center; height: 48px; float: left; cursor: pointer; margin-right: 10px; } .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li.active { background: #336295; } @media (max-width: 1700px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { width: 140px; } } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { font-size: 16px; line-height: 38px; width: 120px; height: 40px; } } @media (max-width: 1100px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { width: 100px; } } @media (max-width: 1024px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { font-size: 14px; line-height: 38px; } } @media (max-width: 850px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { width: 90px; } } @media (max-width: 450px) { .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li { width: 85px; height: 32px; line-height: 30px; margin-right: 5px; } .main.contact .wrap .container .contact_l .contact_top .message .btn_list ul li::last-child { margin-right: 0; } } .main.contact .wrap .container .contact_l .contact_top .message .msg_box { margin-top: 15px; } .main.contact .wrap .container .contact_l .contact_top .message .msg_box .msg { font-size: 18px; line-height: 32px; color: #fff; display: none; } .main.contact .wrap .container .contact_l .contact_top .message .msg_box .msg.show { display: block; } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l .contact_top .message .msg_box .msg { font-size: 16px; line-height: 28px; } } @media (max-width: 1024px) { .main.contact .wrap .container .contact_l .contact_top .message .msg_box .msg { font-size: 14px; line-height: 24px; } } .main.contact .wrap .container .contact_l #map { width: 100%; height: 400px; } .main.contact .wrap .container .contact_l #map.delay2 { transition-delay: 0.2s; } @media (max-width: 1600px) { .main.contact .wrap .container .contact_l #map { height: 350px; } } @media (max-width: 1024px) { .main.contact .wrap .container .contact_l #map { height: 280px; } } @media (max-width: 900px) { .main.contact .wrap .container .contact_l #map { width: 50%; float: left; height: 300px; } } @media (max-width: 768px) { .main.contact .wrap .container .contact_l #map { width: 100%; float: none; height: 280px; } } @media (max-width: 500px) { .main.contact .wrap .container .contact_l #map { height: 200px; } } .main.contact .wrap .container .contact_l #map .anchorBL { display: none; } .fancybox-button--thumbs { display: none !important; } .footer { background: #f5f5f5; } .footer .foot_bot { background: #fff; } .footer .foot_bot .foot_bot_cen { padding: 20px 3.9%; } @media (max-width: 768px) { .footer .foot_bot .foot_bot_cen { padding: 15px 3%; } } .footer .foot_bot .foot_bot_cen .copyright { float: left; font-size: 14px; line-height: 24px; color: #666; } @media (max-width: 768px) { .footer .foot_bot .foot_bot_cen .copyright { width: 100%; float: none; font-size: 13px; line-height: 20px; text-align: center; } } .footer .foot_bot .foot_bot_cen .powered_By { float: right; font-size: 14px; line-height: 24px; color: #666; } .footer .foot_bot .foot_bot_cen .powered_By a { color: #666; } @media (min-width: 1024px) { .footer .foot_bot .foot_bot_cen .powered_By a:hover { color: #407aba; } } @media (max-width: 768px) { .footer .foot_bot .foot_bot_cen .powered_By { width: 100%; float: none; font-size: 13px; line-height: 20px; text-align: center; } } .footer .footer_top { background: #fff; } .footer .footer_top .foot { padding: 65px 3.9%; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; } @media (max-width: 1024px) { .footer .footer_top .foot { padding: 50px 3.9%; } } @media (max-width: 768px) { .footer .footer_top .foot { padding: 20px 3%; } } .footer .footer_top .foot .wx { width: 156px; float: right; margin-right: 9.2%; } @media (max-width: 1700px) { .footer .footer_top .foot .wx { margin-right: 5%; } } @media (max-width: 1440px) { .footer .footer_top .foot .wx { margin-right: 8%; } } @media (max-width: 1350px) { .footer .footer_top .foot .wx { margin-right: 5%; } } @media (max-width: 1200px) { .footer .footer_top .foot .wx { width: 140px; margin-right: 3%; } } @media (max-width: 1024px) { .footer .footer_top .foot .wx { float: left; margin-left: 20px; } } @media (max-width: 500px) { .footer .footer_top .foot .wx { float: none; margin-top: 20px; margin-left: 0; margin-right: 0; } } .footer .footer_top .foot .wx .code { width: 156px; height: 156px; border: 1px solid #ededed; border-radius: 3px; box-sizing: border-box; position: relative; } @media (max-width: 1200px) { .footer .footer_top .foot .wx .code { width: 140px; height: 140px; } } .footer .footer_top .foot .wx .code img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-width: 90%; max-height: 90%; margin: auto; } .footer .footer_top .foot .wx .txt { text-align: center; font-size: 14px; line-height: 24px; color: #454545; margin-top: 5px; } .footer .footer_top .foot .msg { float: right; width: 304px; } @media (max-width: 1200px) { .footer .footer_top .foot .msg { width: 298px; } } @media (max-width: 1024px) { .footer .footer_top .foot .msg { float: left; } } @media (max-width: 500px) { .footer .footer_top .foot .msg { width: 100%; float: none; } } .footer .footer_top .foot .msg .tit .en { font-family: "CENTURYGOTHIC-BOLD"; font-size: 36px; line-height: 30px; color: #454545; text-transform: uppercase; } @media (max-width: 1200px) { .footer .footer_top .foot .msg .tit .en { font-size: 30px; line-height: 30px; } } @media (max-width: 768px) { .footer .footer_top .foot .msg .tit .en { font-size: 24px; line-height: 28px; } } .footer .footer_top .foot .msg .tit .cn { font-size: 24px; line-height: 36px; color: #454545; margin-top: 8px; } @media (max-width: 1200px) { .footer .footer_top .foot .msg .tit .cn { font-size: 20px; line-height: 34px; } } @media (max-width: 768px) { .footer .footer_top .foot .msg .tit .cn { margin-top: 3px; } } @media (max-width: 600px) { .footer .footer_top .foot .msg .tit .cn { font-size: 18px; line-height: 24px; } } .footer .footer_top .foot .msg .con { font-size: 14px; line-height: 28px; color: #454545; margin-top: 20px; } @media (max-width: 1200px) { .footer .footer_top .foot .msg .con { font-size: 14px; line-height: 24px; margin-top: 10px; } } .footer .footer_top .foot .link_box { float: left; border-right: 1px solid #ececec; padding-right: 43px; padding-bottom: 20px; } @media (max-width: 1500px) { .footer .footer_top .foot .link_box { padding-right: 20px; } } @media (max-width: 1024px) { .footer .footer_top .foot .link_box { display: none; } } .footer .footer_top .foot .link_box ul li { float: left; margin-right: 80px; } @media (max-width: 1800px) { .footer .footer_top .foot .link_box ul li { margin-right: 60px; } } @media (max-width: 1600px) { .footer .footer_top .foot .link_box ul li { margin-right: 40px; } } @media (max-width: 1300px) { .footer .footer_top .foot .link_box ul li { margin-right: 30px; } } @media (max-width: 1200px) { .footer .footer_top .foot .link_box ul li { margin-right: 20px; } } @media (max-width: 1100px) { .footer .footer_top .foot .link_box ul li { margin-right: 10px; } } .footer .footer_top .foot .link_box ul li .large { display: block; font-size: 18px; line-height: 20px; color: #454545; } @media (max-width: 1250px) { .footer .footer_top .foot .link_box ul li .large { font-size: 16px; } } .footer .footer_top .foot .link_box ul li .link { margin-top: 35px; } @media (max-width: 1200px) { .footer .footer_top .foot .link_box ul li .link { margin-top: 20px; } } .footer .footer_top .foot .link_box ul li .link a { display: block; font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; transition: color 0.3s; } @media (min-width: 1024px) { .footer .footer_top .foot .link_box ul li .link a:hover { color: #407aba; } } .footer .footer_top .foot .link_box ul li .link a.big { font-size: 18px; } @media (max-width: 1250px) { .footer .footer_top .foot .link_box ul li .link a.big { font-size: 16px; } } .search-alert { position: fixed; z-index: 1000; background-color: #222222; left: 0; top: 0; width: 100%; height: 100%; display: none; } .search-alert .close { display: block; width: 24px; height: 24px; background: url(../img/close.png) no-repeat center center; position: absolute; top: 38px; right: 2.6%; transition: transform 0.4s ease; cursor: pointer; } @media (min-width: 1024px) { .search-alert .close:hover { transform: rotate(180deg); } } @media (max-width: 1024px) { .search-alert .close { top: 20px; right: 20px; } } .search-alert .cent-form { width: 80%; height: 124px; position: absolute; left: 50%; margin-left: -40%; top: 50%; margin-top: -62px; border-bottom: 1px solid #515151; } @media (max-width: 1024px) { .search-alert .cent-form { width: 94%; margin-left: -47%; height: 60px; margin-top: -30px; } } .search-alert .cent-form .tex { border: none; font-size: 30px; height: 124px; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; padding-left: 88px; padding-right: 80px; background: url(../img/img5.png) no-repeat 35px center; } @media (max-width: 1024px) { .search-alert .cent-form .tex { font-size: 18px; line-height: 60px; height: 60px; padding: 0 35px; background-position: left center; text-align: left; } } .search-alert .cent-form .sub-btn { border: none; height: 124px; font-size: 24px; line-height: 124px; color: #555; text-align: right; background: none; position: absolute; right: 0; top: 0; background: none; width: 100px; text-align: center; } @media (max-width: 1024px) { .search-alert .cent-form .sub-btn { font-size: 16px; line-height: 60px; height: 60px; width: 48px; text-align: right; padding: 0; margin: 0; } } .menu_box { position: fixed; left: 0; top: 60px; bottom: 0; overflow: auto; width: 100%; background: #fff; border-top: 1px solid #e1e1e1; display: none; z-index: 901; box-sizing: border-box; } .menu_box .navMobile { width: 100%; height: auto; } .menu_box .navMobile li { width: 100%; height: auto; border-bottom: 1px solid #e1e1e1; } .menu_box .navMobile li > a { display: block; font-size: 16px; color: #454545; line-height: 24px; padding: 10px 30px; box-sizing: border-box; position: relative; } .menu_box .navMobile li > a.show i { transform: rotate(-180deg); } .menu_box .navMobile li > a i { width: 15px; transition: transform 0.3s; height: 8px; background: url(../img/x_icon.png) no-repeat center center; display: block; position: absolute; right: 30px; top: 50%; background-size: 100% 100%; margin-top: -4px; } .menu_box .navMobile li .subnav { width: 100%; height: auto; box-sizing: border-box; display: none; background-color: #fbfbfb; border-top: 1px solid #e1e1e1; } .menu_box .navMobile li .subnav a { display: block; color: #666; font-size: 14px; padding: 0 30px; line-height: 40px; border-bottom: 1px solid #e1e1e1; } .menu_box .navMobile li .subnav a:last-child { border: none; } .menu_box .navMobile li .subnav a span { font-size: 12px; padding: 0 3px; position: relative; top: -4px; } .pswp__caption__center { font-size: 14px !important; line-height: 24px !important; padding: 10px; } .pswp__caption__center small { display: none; } .page_box { margin-top: 70px; width: 100%; background: #fafafa; border-radius: 3px; position: relative; padding: 10px 25px; box-sizing: border-box; } .page_box .page { text-align: center; } .page_box .page a { display: inline-block; font-size: 16px; line-height: 30px; color: #666; font-family: Arial; padding: 0 10px; margin: 0 5px; border-radius: 5px; } .page_box .page a.active { background: #407aba; color: #fff; } .page_box .page a.page_l { font-size: 14px; line-height: 54px; color: #454545; position: absolute; left: 25px; top: 0; padding: 0; margin: 0; } @media (min-width: 1024px) { .page_box .page a.page_l:hover { color: #407aba; background: none; } } .page_box .page a.page_r { padding: 0; margin: 0; font-size: 14px; line-height: 54px; color: #454545; position: absolute; right: 25px; top: 0; } @media (min-width: 1024px) { .page_box .page a.page_r:hover { background: none; color: #407aba; } } @media (min-width: 1024px) { .page_box .page a:hover { background: #407aba; color: #fff; } } @media (max-width: 600px) { .page_box { padding: 10px; margin-top: 20px; } .page_box .page { padding: 0 60px; } .page_box .page a { font-size: 14px; line-height: 24px; padding: 0 7px; margin: 0; } .page_box .page a.page_l { font-size: 14px; line-height: 44px; left: 10px; } .page_box .page a.page_r { font-size: 14px; line-height: 44px; right: 10px; } } .go_top { width: 47px; height: 47px; position: fixed; right: 0; cursor: pointer; bottom: 50px; z-index: 1000; transform: translateX(100%); filter: alpha(opacity=0); opacity: 0; transition: transform 0.5s,opacity 0.5s; } @media (max-width: 1024px) { .go_top { display: none; } } .go_top.active { filter: alpha(opacity=100); opacity: 1; transform: translateX(0%); } @media (min-width: 1024px) { .go_top:hover img { filter: alpha(opacity=0); opacity: 0; } .go_top:hover img.active { filter: alpha(opacity=100); opacity: 1; } } .go_top img { width: 100%; position: absolute; left: 0; top: 0; max-width: 100%; max-height: 100%; height: auto; margin: auto; bottom: 0; right: 0; } .go_top img.active { filter: alpha(opacity=0); opacity: 0; } .vwrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10001; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .vwrap.active { filter: alpha(opacity=100); opacity: 1; visibility: visible; } .vwrap .close { width: 32px; height: 32px; position: absolute; background: url(../img/close2.png) no-repeat; background-size: cover; top: -40px; cursor: pointer; right: 0px; } @media (max-width: 850px) { .vwrap .close { width: 24px; height: 24px; background-size: cover; top: -34px; } } .vwrap .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .vwrap .video_b { position: absolute; width: 1200px; left: 50%; height: 600px; top: 50%; margin-top: -300px; background: #000; margin-left: -600px; } @media (max-width: 1240px) { .vwrap .video_b { width: 1000px; height: 500px; margin-top: -250px; margin-left: -500px; } } @media (max-width: 1050px) { .vwrap .video_b { width: 800px; height: 400px; margin-top: -200px; margin-left: -400px; } } @media (max-width: 850px) { .vwrap .video_b { width: 700px; height: 350px; margin-top: -175px; margin-left: -350px; } } @media (max-width: 750px) { .vwrap .video_b { width: 600px; height: 300px; margin-top: -150px; margin-left: -300px; } } @media (max-width: 650px) { .vwrap .video_b { width: 500px; height: 250px; margin-top: -125px; margin-left: -250px; } } @media (max-width: 550px) { .vwrap .video_b { width: 400px; height: 300px; margin-top: -150px; margin-left: -200px; } } @media (max-width: 450px) { .vwrap .video_b { width: 100%; height: 150px; margin-top: -75px; margin-left: 0; left: 0%; } } #video_box_logo { display: none !important; } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { .copyright a{ display: block; } }